当前位置: 首页 > 文档资料 > Tabris 中文文档 >

自定义控件

优质
小牛编辑
134浏览
2023-12-01

自定义控件用JavaScript和原生平台支持的语言编写。它们使用原生Tabris.js客户端的接口,并被封装在Cordova插件中。本文将介绍JavaScript的实现部分。

用JavaScript定义自定义控件

自定义控件必须继承自Widget。它能够与自定义控件的原生部分进行通信。

自定义控件类必须覆写_nativeType属性的getter以返回与原生实现匹配的类型:

class MyCustomWidget extends Widget {

  get _nativeType() {
    return 'myLibrary.MyCustomWidget';
  }

}

属性

调用_nativeSet(name, value)_nativeGet(name)来与原生平台交换属性。

class MyCustomWidget extends Widget {

  ...

  set myProperty(value) {
    this._nativeSet('myProperty', value);
  }

  get myProperty() {
    return this._nativeGet('myProperty');
  }

  ...

}

事件

覆写_listen方法,并调用_nativeListen以便在原生控件触发事件时收到通知。

class MyCustomWidget extends Widget {

  ...

  _listen(name, listening) {
    if (name === 'myEvent') {
      this._nativeListen(name, listening);
    } else {
      super._listen(name, listening);
    }
  }

  ...

}

兼容iOS 9

为了与iOS 9中使用的JavaScriptCore版本兼容,某些ES6语言特性需要编译(参考EcmaScript 6)。