灯珠组件用于根据指定的数据源显示不用的亮度或者开关两种状态。
ID
: 设置组件的ID,用于组件的样式和脚本设置。灯光颜色
: 设置灯光的颜色。熄灭颜色
: 设置灯光熄灭时的颜色。模式
: 设置灯光的显示模式,支持模拟和数字两种模式。 模拟模式下,数据源的值决定灯珠亮度, 数字模式下,数据源的值决定灯珠的亮灭状态。最大值
: 在模拟模式下,数据源的最大值。最小值
: 在模拟模式下,数据源的最小值。默认值
: 数据源的默认值。脚本
: 设置组件的脚本,用于处理组件的交互逻辑。坐标X
: 设置组件的横坐标。坐标Y
: 设置组件的纵坐标。坐标Z
: 设置组件的纵坐标。数据源-亮度
: 设置组件的数据源,用于控制灯光的亮度或者开关状态。高度
: 设置组件的高度。宽度
: 设置组件的宽度。$this
$this
为当前组件实例,您可以通过 $this
对象调用组件的各种方法。
▲ 组件初始化
void init()
当组件存在init
方法时,组件初始化时会调用该方法。
脚本示例:
export function init() {
// your code here
}
▲ 设置/获取灯珠值
number value(number value)
请求参数:
value
: <数值> 可选项, 设置当前灯珠数值。返回值:<数值> 当前显示数值
模板示例:
{{$widget("led").value()}}
脚本示例:
// 设置数值内容
$this.value(123);
$widget("led").value(123.45);
// 获取数值内容
let value = $this.value();
let value = $panel.widget("led").value();