自定义控件

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

用JavaScript定义自定义控件

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

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

  1. class MyCustomWidget extends Widget {
  3.   get _nativeType() {
  4.     return 'myLibrary.MyCustomWidget';
  5.   }
  7. }

属性

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

  1. class MyCustomWidget extends Widget {
  3.   ...
  5.   set myProperty(value) {
  6.     this._nativeSet('myProperty', value);
  7.   }
  9.   get myProperty() {
  10.     return this._nativeGet('myProperty');
  11.   }
  13.   ...
  15. }

事件

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

  1. class MyCustomWidget extends Widget {
  3.   ...
  5.   _listen(name, listening) {
  6.     if (name === 'myEvent') {
  7.       this._nativeListen(name, listening);
  8.     } else {
  9.       super._listen(name, listening);
  10.     }
  11.   }
  13.   ...
  15. }

兼容iOS 9

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

原文:

https://youjingyu.github.io/Tabris-Documention/?folderName=custom-widgets&pageName=custom-widgets.html