AIGameAIGame
首页
API文档
UI框架
API实例
UI实例
下载软件
首页
API文档
UI框架
API实例
UI实例
下载软件
  • UI文档

    • 界面框架
      • 01.必备基础
      • 02.公共方法
      • 03.公共属性
      • 04.原生交互
      • 05.组件与原生类对照表
    • appbar - 标题栏
      • 01.基础用法
      • 02.详细属性
      • 03.详细方法
    • button - 按钮
      • 01.基础用法
      • 02.详细属性
      • 03.详细方法
    • button-group - 按钮组
      • 01.详细属性
      • 02.详细方法
      • 03.经典案例
    • check - 多选框
      • 01.详细属性
      • 02.详细方法
      • 03.经典案例
    • fab - 悬浮按钮
      • 01.基础用法
      • 02.详细属性
      • 03.详细方法
      • 04.经典案例
    • hr - 分割线
    • img - 图片(图标)
      • 01.基础用法
      • 02.详细属性
      • 03.详细方法
      • 04.经典案例
    • radio - 单选按钮
      • 01.基础用法
      • 02.详细属性
      • 03.详细方法
      • 04.经典案例
    • radio-group - 单选按钮组
      • 01.基础用法
      • 02.详细属性
      • 03.详细方法
    • slider - 拖拽条
      • 01.基础用法
      • 02.详细属性
      • 03.详细方法
    • statusbar - 状态栏
      • 01.基础用法
      • 02.详细属性
    • progress - 进度条
      • 01.详细属性
      • 02.详细方法
    • switch - 开关
      • 01.基础用法
      • 02.详细属性
      • 03.详细方法
      • 04.经典案例
    • text - 文本
      • 01.基础用法
      • 02.详细属性
      • 03.详细方法
    • toolbar - 底部标题栏
      • 01.基础用法
      • 02.详细属性
      • 03.详细方法
    • 专题

      • gravity 重力专题
      • margin 外边距专题
      • padding 内边距专题
    • 布局
      • absolute 绝对布局
      • card 卡片布局
      • const 约束布局
      • coord 协调布局
      • drawer 抽屉布局
      • flow 流程布局
      • [未更新]flush 下拉刷新布局
      • frame 帧布局
      • grid 网格布局
      • linear 线性布局
      • nested 嵌套滑动布局
      • relative 相对布局
      • scroll 滑动布局

03.详细方法

menu((title)=>{})

监听按钮点击事件 回调函数中的title其实就是[item]或[menu]的text属性值


<ui>
    <statusbar/>
    <coord h="max" w="max">
        <nested h="max" padding="0,0,0,80" w="max">
            <linear gravity="center" h="max" w="max">
                <text h="220" text="内容"/>
                <text h="220" text="内容"/>
                <text h="220" text="内容"/>
                <text h="220" text="内容"/>
                <text h="220" text="内容"/>
                <text h="220" text="内容"/>
                <text h="220" text="内容"/>
                <text text="内容"/>
            </linear>
        </nested>

        <toolbar id="mBtmAppbar" layout_gravity="bottom|center" w="max">
            <menu icon="ic_menu_line" iconTint="#000000" text="菜单"/>
            <menu icon="ic_home_fill" iconTint="#000000" text="主页"/>
            <menu icon="ic_3d" iconTint="#000000" text="转换"/>
            <menu icon="ic_apps" iconTint="#000000" text="应用"/>
            <menu>
                <item text="菜单1"/>
                <item text="菜单2"/>
                <item text="菜单3">
                    <item text="菜单3-1"/>
                    <item text="菜单3-2">
                        <item text="菜单3-2-1"/>
                        <item text="菜单3-2-2"/>
                        <item text="菜单3-2-3"/>
                    </item>
                    <item text="菜单3-3"/>
                </item>
            </menu>
        </toolbar>

        <fab icon="ic_add" iconTint="#000000" layout_gravity="bottom|end" margin="15"/>
    </coord>
</ui>
//找到底部工具栏
let mBtmAppbar = ui.id("mBtmAppbar");
//监听菜单点击事件
mBtmAppbar.menu((title) => {
    //打印菜单标题
    toast(title);
})
最近更新:: 2025/5/23 16:42
Contributors: 孑小白, Talent
Prev
02.详细属性