综合案例

  • 更新时间:2026-03-04 18:39:41

Xml代码

<界面>
    <状态条 />
    <!--使用锚点布局配合滚动布局可以使应用条自带动画-->
    <锚点布局="最大">
        <!--应用标题栏-->
        <应用条布局="最大">
            <!--
            返回:开启返回按钮
            滑动标识:配置滚动布局滚动时的动画标记
            -->
            <应用条 副标题="加载"="最大" 标识="mAppbar" 标题="Load"
                滑动标识="滑动|进入时总是可见" 返回="是" />
        </应用条布局>
        <!--滑动布局 在锚点布局中可以配置控件行为是:适配应用条-->
        <滑动布局="最大" 行为="应用条"="最大">
            <!--线性布局:被滑动布局包裹,子控件较多时允许向下滑动-->
            <!--内边距:增加内边距[左,上,右,下]-->
            <线性布局 内边距="20,20,20,100"="最大"="最大">
                <!--概览-->
                <文本 可选择="是" 文本="概览" 重力="中间"="50" />
                <导航栏="最大">
                    <菜单 图标="ic_home_fill" 文本="主页" />
                    <菜单 图标="ic_article_fill" 文本="日志" />
                    <菜单 图标="ic_settings_fill" 文本="设置" />
                </导航栏>
                <!--设置图标颜色-->
                <文本 可选择="是" 文本="设置图标颜色 图标颜色=颜色" 重力="中间"="50" />
                <导航栏 图标颜色="#57965C"="最大">
                    <菜单 图标="ic_home_fill" 文本="主页" />
                    <菜单 图标="ic_article_fill" 文本="日志" />
                    <菜单 图标="ic_settings_fill" 文本="设置" />
                </导航栏>
                <!--设置文本颜色-->
                <文本 可选择="是" 文本="设置文本颜色 文本颜色=颜色" 重力="中间"="50" />
                <导航栏="最大" 文本颜色="#57965C">
                    <菜单 图标="ic_home_fill" 文本="主页" />
                    <菜单 图标="ic_article_fill" 文本="日志" />
                    <菜单 图标="ic_settings_fill" 文本="设置" />
                </导航栏>
                <!--设置选中颜色-->
                <文本 可选择="是" 文本="设置选中颜色 选中颜色=颜色" 重力="中间"="50" />
                <导航栏="最大" 选中颜色="#57965C">
                    <菜单 图标="ic_home_fill" 文本="主页" />
                    <菜单 图标="ic_article_fill" 文本="日志" />
                    <菜单 图标="ic_settings_fill" 文本="设置" />
                </导航栏>
                <!--设置背景颜色-->
                <文本 可选择="是" 文本="设置背景颜色 背景颜色=颜色" 重力="中间"="50" />
                <导航栏="最大" 背景颜色="#57965C">
                    <菜单 图标="ic_home_fill" 文本="主页" />
                    <菜单 图标="ic_article_fill" 文本="日志" />
                    <菜单 图标="ic_settings_fill" 文本="设置" />
                </导航栏>
                <!--设置背景图片-->
                <文本 可选择="是" 文本="设置背景图片 背景图片=图片" 重力="中间"="50" />
                <导航栏="最大" 背景图片="example/$ui - 交互界面/14.nav-导航栏/img/img.png">
                    <菜单 图标="ic_home_fill" 文本="主页" />
                    <菜单 图标="ic_article_fill" 文本="日志" />
                    <菜单 图标="ic_settings_fill" 文本="设置" />
                </导航栏>
            </线性布局>
        </滑动布局>
    </锚点布局>
</界面>