冰狐智能辅助使用xml来描述ui,使用js来执行ui事件(ui逻辑处理)。界面元素和android原生类似,主要由控件和布局组成,控件用来具体显示信息,比如文本控件、图片控件、按钮控件等;布局可以容纳多个控件,用于控制控件的位置,比如:线性布局(linear)、帧布局(frame)等,下面来举例子说明。点击查看视频教程:冰狐ui开发教程1-入门、冰狐ui开发教程2-基础控件学习、冰狐ui开发教程3-布局学习、冰狐ui开发教程4-动态ui。
注意:如果是输入数据、参数之类的需求,完全可以使用自定义数据代替,自定义数据比使用UI输入数据效率更高,操作更简便,尤其当设备数量比较多的时候,自定义数据优势更明显。
function main() { // 创建并显示ui setupUI(); // 设置文本 ui('show').setText('xxx'); } // 当ui显示出来后系统会自动调用该回调函数 function onUIResume() { console.log('ui resume'); } // 当ui消失后系统会自动调用该回调函数 function onUIPause() { console.log('ui pause'); } function onClick(event) { console.log('click button'); // 注意耗时任务不能在ui脚本中执行,具体的耗时任务放在另外一个脚本中,使用runTask函数来调用,runTask会在内部开启一个新线程执行任务脚本。 // runTask('task'); } function onSpinnerSelected(name, position) { console.log('spinner name:' + name + " position:" + position); }