自定义控件
优质
小牛编辑
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)。