冰狐智能辅助 QQ群：693133887
首页
文档&下载
移动端
微服务
社区
码农教程
管理中心
关于我们
登录/注册
listview

视图组(group)控件介绍

视图组(group)是所有容器控件的父控件。

函数-add

添加新的控件。
参数：
参数名 类型 必填 说明
node Node 必填 新视图
index integer 选填 从index位置开始插入，默认在最后添加 
<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)
}

函数-remove

删除控件。
参数：
参数名 类型 必填 说明
node/index Node/Integer/空 选填 被删除子控件，或者被删除控件在容器中的索引，如果不填则表示删除自己 
<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)
}

function onRemoveClick(event) {
    // ui('gp').remove(ui('my_btn'));
    // ui('gp').remove(0);
    ui('my_btn').remove();
}

函数-removeAll

删除所有子控件。
参数：
参数名 类型 必填 说明 
<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)
}

function onRemoveClick(event) {
    ui('gp').removeAll();
}