冰狐智能辅助
首页
文档&下载
移动端
微服务
社区
码农教程
管理中心
关于我们
登录/注册
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 选填 菜单处理函数 
<template>
    <linear>
        <listView id="lv" onItemLongClick="onItemLongClick"/>
    </linear>
</template>

function main() {
    setupUI();
}

function onUIResume() {
    var listview = ui('lv');
    listview.setData(['hello', 'world']);
}

function onItemLongClick(view, position) {
    console.log('item long click position:' + position);
    showPopupMenu(view, [{id: 0, text:'编辑'}, {id: 1, text:'删除'}], OnMenuItemClick);
}

function OnMenuItemClick(id) {
    console.log('click menu item:' + id);
}

onUIResume

系统回调函数，当UI显示时系统会自动调用，开发者可以在这里进行ui的一些初始化操作。
参数：
参数名 类型 默认值 说明 
function onUIResume() {
    // 设置ui
    ui('item').setText('hello');
}

onUIPause

系统回调函数，当UI消失时系统会自动调用，开发者可以在这里释放一些资源。
参数：
参数名 类型 默认值 说明 
function onUIPause() {
    // 释放资源
    console.log('界面消失了');
}

onBackPressed

系统回调函数，当按返回键时系统会自动调用。
参数：
参数名 类型 默认值 说明 
function onBackPressed() {
    console.log('按下back键');
}