触摸热区控件

1. 属性

属性

说明

id

控件ID号,不可更改

global

勾选:作用于全局,不勾选:作用于所在页; 不可脚本读写

name

控件名称,可改,默认名称,hotZone+序号

x

控件起始点x坐标

y

控件起始点y坐标

width

控件宽度,可读写

height

控件高度,可读写

locked

勾选后锁定控件位置,但不影响脚本操作控件属性

2. 示例

2.1. 在脚本中访问属性(控件名以hotZone4为例)

2.1.1. 设置触摸热区x位置(hotZone4.x)

例如 修改热区x坐标为100

hotZone4.x=100;//x坐标原点x=0位置为页面左上角顶点

2.1.2 设置触摸热区y位置(hotZone4.y)

例如 修改热区y坐标为150

hotZone4.x=150;//y坐标原点y=0位置为页面左上角顶点

应用技巧:在串口屏ui设计中,控件的xy坐标表示控件在页面上的位置。修改坐标可以控制触摸热区的位置,在一些控件互锁的应用中,热区是一件不错的隐形外衣

2.1.3 设置触摸热区高度(hotZone4.height)

例如 修改热区高度为100

hotZone4.height=100;

2.1.4. 设置触摸热区宽度(hotZone4.width)

例如 修改热区宽度为100

hotZone4.width=100;

应用技巧:热区的高宽表示控件大小,热区中任意位置都可以触发热区的脚本,如果页面运行中需要扩大触摸区域,增大宽高是一个不错的选择

3. 常见应用

触摸热区可以看作一个隐形的按钮,可用在视频图片等无事件编辑器的控件之上组合使用,实现对应功能

触摸热区可以作为遮挡控件,当一个页面同时存在多个控件需要同时使能或者失能时,可以将触摸热区放在这些控件上方,通控制其可视性来控制其他控件使能。

触摸热区也可以做误触返回或取消,在参数设置界面,调用键盘,或者其他输入型控件,客户可以随机点一个没有控件的地方取消输出,隐藏键盘或者其他输入型控件

调整控件层级,当控件位置重叠时,vp会优先显示id靠后的控件,如果需要控件优先显示,可以将需要调整的两个控件部分重叠,选中其中一个控件点击快捷操作栏层级调整案件调整层级