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 滑动布局

02.详细属性

背景颜色

<!--其他省略-->
<toolbar bg="#D9E2FF"/>

菜单

<!--要想创建菜单,只需要在toolbar标签内添加menu标签即可-->
<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="应用"/>
</toolbar>

子菜单


<toolbar id="mBtmAppbar" layout_gravity="bottom|center" w="max">
    <!--要想创建子菜单,只需要在menu标签内添加item标签即可-->
    <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>

最近更新:: 2025/5/23 16:42
Contributors: 孑小白, Talent
Prev
01.基础用法
Next
03.详细方法