综合案例

  • 更新时间:2026-03-05 12:58:14

Xml代码

<界面>
    <状态条 />
    <!--使用锚点布局配合滚动布局可以使应用条自带动画-->
    <锚点布局="最大">
        <!--应用标题栏-->
        <应用条布局="最大">
            <!--
            返回:开启返回按钮
            滑动标识:配置滚动布局滚动时的动画标记
            -->
            <应用条 副标题="进度条"="最大" 标识="mAppbar" 标题="Progress"
                滑动标识="滑动|进入时总是可见" 返回="是" />
        </应用条布局>
        <!--滑动布局 在锚点布局中可以配置控件行为是:适配应用条-->
        <滑动布局="最大" 行为="应用条"="最大">
            <!--线性布局:被滑动布局包裹,子控件较多时允许向下滑动-->
            <!--内边距:增加内边距[左,上,右,下]-->
            <线性布局 内边距="20,20,20,100"="最大"="最大">
                <!--概览-->
                <文本 可选择="是" 文本="概览" 重力="中间"="50" />
                <线性布局="最大" 方向="横向">
                    <进度条 内边距="10" 动画="是"="最大" />
                    <进度条 主题颜色="#518855" 内边距="10" 动画="是"="最大" />
                    <进度条 主题颜色="#B44A4A" 内边距="10" 动画="是"="最大" />
                </线性布局>
                <进度条 内边距="10" 动画="是"="最大" 风格="直线" />
                <进度条 主题颜色="#518855" 内边距="10" 动画="是"="最大" 风格="直线" />
                <进度条 主题颜色="#B44A4A" 内边距="10" 动画="是"="最大" 风格="直线" />
                <!--基础使用-->
                <文本 可选择="是" 文本="基础使用" 重力="中间"="50" />
                <进度条 标识="progress" 内边距="10"="最大" 风格="直线" />
                <按钮 标识="download"="最大" 文本="开始下载" />
                <!--设置显示-->
                <文本 可选择="是" 文本="设置显示 可见=false 第一个显示了,第二个被隐藏了" 重力="中间"
="50" />
                <线性布局="最大" 方向="横向">
                    <进度条 内边距="10" 可见="是"="最大" />
                    <进度条 内边距="10" 可见="false"="最大" />
                </线性布局>
                <!--设置风格-->
                <文本 可选择="是" 文本="设置风格 风格=风格" 重力="中间"="50" />
                <!--没设置风格-->
                <进度条 内边距="10"="最大" />
                <!--设置直线风格-->
                <进度条 内边距="10"="最大" 风格="直线" />
                <!--设置厚度(dp)-->
                <文本 可选择="是" 文本="设置厚度 厚度=厚度" 重力="中间"="50" />
                <进度条 内边距="10" 厚度="10"="最大" />
                <进度条 内边距="10" 厚度="10"="最大" 风格="直线" />
                <!--设置播放动画-->
                <文本 可选择="是" 文本="设置播放动画 run=是" 重力="中间"="50" />
                <进度条 内边距="10" 动画="是"="最大" />
                <进度条 内边距="10" 动画="是"="最大" 风格="直线" />
                <!--设置主题颜色-->
                <文本 可选择="是" 文本="设置主题颜色 主题颜色=颜色" 重力="中间"="50" />
                <进度条 主题颜色="#57965C" 内边距="10" 动画="是"="最大" />
                <进度条 主题颜色="#C94F4F" 内边距="10" 动画="是"="最大" 风格="直线" />
                <!--设置内边距(dp)-->
                <文本 可选择="是" 文本="设置内边距 内边距=内边距" 重力="中间"="50" />
                <线性布局="最大" 方向="横向">
                    <进度条 内边距="10" />
                    <进度条 内边距="20" />
                    <进度条 内边距="30" />
                </线性布局>
                <!--设置背景颜色-->
                <文本 可选择="是" 文本="设置背景颜色 背景颜色=颜色" 重力="中间"="50" />
                <进度条 内边距="10" 动画="是"="最大" 背景颜色="#57965C" />
                <进度条 内边距="10" 动画="是"="最大" 背景颜色="#C94F4F" 风格="直线" />
                <!--设置背景图片-->
                <文本 可选择="是" 文本="设置背景图片 背景图片=背景图片" 重力="中间"="50" />
                <进度条 内边距="10"
                    动画="是"="最大" 背景图片="example/$ui - 交互界面/16.progress-进度条/img/img_1.png" />
                <进度条 内边距="10" 动画="是"
="最大" 背景图片="example/$ui - 交互界面/16.progress-进度条/img/img.png" 风格="直线" />
            </线性布局>
        </滑动布局>
    </锚点布局>
</界面>