4. 自锁按钮控件

用途：自锁按钮控件是一种在点击后能够保持当前状态的按钮，通常用于切换设备状态（如开启/关闭），直到再次点击时才会改变状态。

4.1. 属性

基础属性 : 参考控件概念- 基础属性

坐标属性 : 参考控件概念- 坐标属性

背景属性 : 参考控件概念- 背景属性

加载属性 : 参考控件概念- 加载属性

文本属性 : 参考控件概念- 文本属性

过渡属性 :

过渡是指自锁按钮在弹起和按下之间切换时产生的一种变化效果。（注意：仅背景为颜色时有效）

• 过渡类型(type)：特效类型:0-无 1-放大效果 2-向下移动效果 3-水滴效果 4-收缩效果(只读)

• 过渡时间(time)：特效时间(毫秒),0-65535(只读)

• 过渡变化值(val)：过渡变化的目标值(只读)

特有属性 :

• 圆角(rad)：圆角值,范围:0-100(读写)

• 状态(val)：自锁按钮当前状态值，0-弹起，1-按下(读写)

---

4.2. 事件

弹起事件： 自锁按钮状态值(val属性值)为 0 时，执行弹起事件

按下事件： 自锁按钮状态值(val属性值)为 1 时，执行按下事件

注意

自锁按钮的 弹起事件 和 按下事件 只在触摸控件时生效， 通过脚本修改 状态值(val) 时，不会执行弹起和按下事件。

---

4.3. 功能演示

点击下载演示工程

小技巧

把工程配置的启动页面(pid)改为当前页面ID可以立即显示此页面。

4.3.1. 各种背景效果

背景颜色演示

• 功能：点击控件改变背景颜色和文字

• 颜色变化原理：设置控件背景属性类型为颜色，改变默认颜色和按下颜色数据

• 文字变化原理：

  1.在 弹起事件中 编写以下脚本

  bl0.txt.str="stop";//修改bl0控件的文本值为 stop
  

  2.在 按下事件中 编写以下脚本

  bl0.txt.str="start";//修改bl0控件的文本值为 start
  

背景图片演示

• 功能：点击控件改变背景图片，实现不同显示效果

• 原理：设置控件背景属性类型为图片，改变默认图片和按下图片ID

背景切图演示

• 功能：点击控件通过切图改变背景，实现不同显示效果

• 原理：设置控件背景属性类型为切图，改变默认图片和按下图片ID

4.3.2. 自锁按钮互斥应用

• 功能：三个自锁按钮控件之间实现单选功能，当一个控件按下时，改变其他控件的状态

• 原理：

  1.在互斥1控件的 按下事件 中编写脚本

  bl4.val =0; //bl4设为弹起状态
  bl5.val =0; //bl5设为弹起状态
  

  2.在互斥2控件的 按下事件 中编写脚本

  bl3.val =0; //bl3设为弹起状态
  bl5.val =0; //bl5设为弹起状态
  

  3.在互斥3控件的 按下事件 中编写脚本

  bl3.val =0; //bl3设为弹起状态
  bl4.val =0; //bl4设为弹起状态