Skip to content

滑块刻度

滑块刻度

用滑块图标在横/纵向刻度上指示当前值,常与拖动调节等触摸控件配合做音量、温度、进度示意。

用途

滑块位置由变量值在 起始刻度值~终止刻度值 之间等比映射到滑动区域,变量值不是像素坐标。MCU 通过 0x82 写变量即可移动滑块;屏端会自动均分变量范围与像素行程。

典型用法

  1. 拖入「滑块刻度」,选择横向或纵向刻度模式
  2. 设置 变量存储地址起始/终止刻度值
  3. 选择滑块 ICON,并按需微调 X/Y 偏移使指针对准刻度
  4. 下载后,MCU 写入介于起止之间的数值刷新位置;可与拖动调节联动

滑块刻度属性设置面板

关键属性

属性说明
变量存储地址(0x)滑块值地址;0x82 刷新位置
变量模式整型变量 / 高字节 / 低字节
初始值上电初值(依赖屏参)
起始刻度值 / 终止刻度值分别对应滑动起点与终点(非像素)
刻度模式横向 / 纵向
图标文件 / 滑块图标滑块外观
图标显示模式透明 / 显示背景
X/Y 坐标前移偏移量图标相对刻度点的对齐偏移

完整属性以 VGUS Next 属性面板为准。

注意事项

注意

  • 💡 不要把变量写成像素坐标;起止值与滑动区域像素不必一一相等,屏会等比映射
  • ⚠️ 横向:起始在左、终止在右;纵向:起始在上、终止在下
  • ⚠️ 偏移量用于让图标中心对准刻度线,按素材微调
  • 💡 与 进度条 类似都是值→显示映射,但本控件是滑块图标位移

交互示例

下面是浏览器里的示意:滑块位置由变量在起止值之间等比映射,不是像素坐标。外观与实机不完全一致,完整行为以下载后屏端为准。帧格式见 串口指令

相关内容