DISTANCE

Creating Sensors

const distance = hmSensor.createSensor(hmSensor.id.DISTANCE)

DISTANCE instance

distance: object

Properties	Description	Type
current	current mileage	number

Registering sensor instance callback events

calorie.addEventListener(event, callback: Callback)

The events of CHANGE

The value of events

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 distance = hmSensor.createSensor(hmSensor.id.DISTANCE)

    const currentText = new TextByLine({
      text: `current:${distance.current};target:${distance.target}`,
      line: 0
    }).render()

    const changeEventText = new TextByLine({
      text: `EVENT-CHANGE:${distance.current}`,
      line: 1
    }).render()

    const changeCallback = () => {
      const current = distance.current

      changeEventText.setProperty(hmUI.prop.MORE, {
        text: `EVENT-CHANGE: ${current}`
      })
    }

    const distanceChangeListener = () => {
      distance.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: distanceChangeListener
    })
  }
})