ui函数

setupUI(安装ui)

安装UI,必须在main函数中第一个调用setupUI函数,否则系统不会创建ui。
参数:
参数名 类型 默认值 说明
<template>
    <linear orientation="vertical">
        <linear orientation="horizontal" width="matchParent">
            <text id="show" text="demo" size="26" gravity="center" layoutWeight="1"/>
            <edit text="haha" gravity="center" layoutWeight="2"/>
            <button id="btn" text="按钮" gravity="center" layoutWeight="1" onClick="onClick"/>
        </linear>
        <spinner id="select" entries="苹果|香蕉|橘子"/>
        <image src="https://www.baidu.com/img/bd_logo1.png" width="30" height="50"/>
    </linear>
</template>
function main() {
    setupUI();
}

ui(获取ui控件)

获取ui控件。
参数:
参数名 类型 默认值 说明
id string 必填 ui控件的id
function main() {
    ui('name').setText('hello');
}

createUI(动态创建界面)

动态创建ui,返回node对象。(注意:可以使用容器的add方法来显示该控件)
参数:
参数名 类型 默认值 说明
template string 必填 ui的模版
<template>
    <linear id="gp" orientation="vertical">
        <linear orientation="horizontal" width="matchParent">
            <text id="show" text="demo" size="26" gravity="center" layoutWeight="1"/>
            <edit text="haha" gravity="center" layoutWeight="2"/>
            <button id="btn" text="添加" gravity="center" layoutWeight="1" onClick="onClick"/>
            <button id="btn_remove" text="删除" gravity="center" layoutWeight="1" onClick="onRemoveClick"/>
        </linear>
        <spinner id="select" entries="苹果|香蕉|橘子"/>
        <image src="https://www.baidu.com/img/bd_logo1.png" width="30" height="50"/>
    </linear>
</template>

function main() {
    setupUI();
}

function onClick(event) {
    var node = createUI(`<template><button id="my_btn" text="围观" width="matchParent" onClick="onMyClick"/></template>`);
    // 在容器的最前面添加
    ui('gp').add(node, 0)
}

openUI

打开新的ui界面。
参数:
参数名 类型 默认值 说明
scriptName string 必填 ui脚本名
function main() {
    openUI('newUI');
}

closeUI

关闭当前ui界面。
参数:
参数名 类型 默认值 说明
closeUI();

showDialog

显示对话框。
参数:
参数名 类型 默认值 说明
type integer 必填 类型,0表示消息对话框,1表示带编辑功能的对话框
data object 必填 显示的数据
title string 必填 标题
buttonArray array 必填 按键信息,数组元素为对象{type: '', text: '', fn: function},type支持positive、neutral、negative,fn表示对应的处理函数,text表示按钮显示文本
showDialog(0, '是否确认运行该程序', '运行', [{type:'positive', text:'确定', fn: OnConfirmExe}, {type:'negative', text:'取消'}]);

showPopupMenu

显示弹出菜单。
参数:
参数名 类型 默认值 说明
view Node 必填 控件
items array 必填 菜单数据,数组项为{id: 'id', text: 'hi'}
fn function 选填 菜单处理函数
showPopupMenu(view, [{id: 0, text:'编辑'}, {id: 1, text:'删除'}], OnMenuItemClick);