STEP
Creating Sensors
const step = hmSensor.createSensor(hmSensor.id.STEP)
STEP instance
step: object
Properties | Description | Type |
---|---|---|
current | current step number | number |
target | target step | number |
Registering sensor instance callback events
step.addEventListener(event, callback: Callback)
The events of CHANGE
The value of event
hmSensor.event.CHANGE
Callback
() => void
Full Example
class TextByLine {
constructor(params) {
const { text = '', y = undefined, line = 0 } = params
this.text = text
this.y = y
this.line = line
this.y_computed = Number.isInteger(this.y) ? this.y : px(this.line * 60 + 120)
}
render() {
return hmUI.createWidget(hmUI.widget.TEXT, {
x: px(0),
y: this.y_computed,
w: px(480),
h: px(46),
color: 0xffffff,
text_size: px(20),
align_h: hmUI.align.CENTER_H,
align_v: hmUI.align.CENTER_V,
text_style: hmUI.text_style.NONE,
text: this.text
})
}
}
Page({
build() {
const step = hmSensor.createSensor(hmSensor.id.STEP)
const currentText = new TextByLine({
text: `current:${step.current};target:${step.target}`,
line: 0
}).render()
const changeEventText = new TextByLine({
text: `EVENT-CHANGE:${step.current}`,
line: 1
}).render()
const changeCallback = () => {
const current = step.current
changeEventText.setProperty(hmUI.prop.MORE, {
text: `EVENT-CHANGE: ${current}`
})
}
const stepChangeListener = () => {
step.addEventListener(hmSensor.event.CHANGE, changeCallback)
}
hmUI.createWidget(hmUI.widget.BUTTON, {
x: px(80),
y: px(300),
w: px(300),
h: px(60),
radius: px(12),
normal_color: 0xfc6950,
press_color: 0xfeb4a8,
text: 'REGISTER_CHANGE',
click_func: stepChangeListener
})
}
})