<界面>
<状态条 />
<!--使用锚点布局配合滚动布局可以使应用条自带动画-->
<锚点布局 宽="最大">
<!--应用标题栏-->
<应用条布局 宽="最大">
<!--
返回:开启返回按钮
滑动标识:配置滚动布局滚动时的动画标记
-->
<应用条 副标题="开关" 宽="最大" 标识="mAppbar" 标题="Switch"
滑动标识="滑动|进入时总是可见" 返回="是" />
</应用条布局>
<!--滑动布局 在锚点布局中可以配置控件行为是:适配应用条-->
<滑动布局 宽="最大" 行为="应用条" 高="最大">
<!--线性布局:被滑动布局包裹,子控件较多时允许向下滑动-->
<!--内边距:增加内边距[左,上,右,下]-->
<线性布局 内边距="20,20,20,100" 宽="最大" 高="最大">
<!--概览-->
<文本 可选择="是" 文本="概览" 重力="中间" 高="50" />
<线性布局 宽="最大" 方向="横向" 重力="中间">
<开关 主题颜色="#57965C" 外边距="3" 文本="开关" 选中="是" />
<开关 主题颜色="#C94F4F" 外边距="3" 选中="是" />
<开关 主题颜色="#3574F0" 外边距="3" 选中="是" />
</线性布局>
<!--设置主题颜色-->
<文本 可选择="是" 文本="设置主题颜色 color=颜色" 重力="中间" 高="50" />
<线性布局 宽="最大" 方向="横向">
<开关 主题颜色="#57965C" 外边距="5" 文本="吃饭" />
<开关 主题颜色="#C94F4F" 外边距="5" 文本="睡觉" />
<开关 主题颜色="#3574F0" 外边距="5" 文本="游戏" />
</线性布局>
<线性布局 宽="最大" 方向="横向">
<开关 主题颜色="#57965C" 外边距="5" 文本="吃饭" 选中="是" />
<开关 主题颜色="#C94F4F" 外边距="5" 文本="睡觉" 选中="是" />
<开关 主题颜色="#3574F0" 外边距="5" 文本="游戏" 选中="是" />
</线性布局>
<!--设置文本-->
<文本 可选择="是" 文本="设置文本 text=文本" 重力="中间" 高="50" />
<开关 宽="最大" 文本="我是文本" />
<!--设置文本大小-->
<文本 可选择="是" 文本="设置文本大小 文本尺寸=尺寸" 重力="中间" 高="50" />
<开关 宽="最大" 文本="我的尺寸:10" 文本尺寸="10" />
<开关 宽="最大" 文本="我的尺寸:17" 文本尺寸="17" />
<!--设置文本颜色-->
<文本 可选择="是" 文本="设置文本颜色 文本颜色=颜色" 重力="中间" 高="50" />
<开关 宽="最大" 文本="看我颜色" 文本颜色="#C94F4F" />
<开关 宽="最大" 文本="看我颜色" 文本颜色="#3574F0" />
<!--设置是否选中-->
<文本 可选择="是" 文本="设置是否选中 check=是" 重力="中间" 高="50" />
<开关 宽="最大" 文本="没选择" 选中="否" />
<开关 宽="最大" 文本="选中" 选中="是" />
<!--设置最小宽度-->
<文本 可选择="是" 文本="设置最小宽度 最小宽度=数字" 重力="中间" 高="50" />
<线性布局 宽="最大" 方向="竖向">
<!--为了看清效果,这里设置背景颜色-->
<开关 外边距="5" 文本="最小宽度:200" 最小宽度="200" 背景颜色="#57965C" />
<开关 外边距="5" 文本="最小宽度:250" 最小宽度="250" 背景颜色="#C94F4F" />
</线性布局>
<!--设置最小高度-->
<文本 可选择="是" 文本="设置最小高度 最小高度=数字" 重力="中间" 高="50" />
<线性布局 宽="最大" 方向="横向">
<!--为了看清效果,这里设置背景颜色-->
<开关 外边距="5" 文本="最小高度:60" 最小高度="60" 背景颜色="#57965C" />
<开关 外边距="5" 文本="最小高度:80" 最小高度="80" 背景颜色="#C94F4F" />
</线性布局>
<!--设置内边距-->
<文本 可选择="是" 文本="设置内边距 内边距=数字" 重力="中间" 高="50" />
<线性布局 宽="最大" 方向="竖向">
<!--为了看清效果,这里设置背景颜色-->
<开关 内边距="10" 外边距="5" 文本="内边距:10" 背景颜色="#57965C" />
<开关 内边距="20" 外边距="5" 文本="内边距:20" 背景颜色="#C94F4F" />
</线性布局>
<!--设置重力-->
<文本 可选择="是" 文本="设置重力 重力=对齐方式" 重力="中间" 高="50" />
<线性布局 宽="最大" 方向="竖向">
<开关 外边距="5" 宽="最大" 文本="开始" 重力="start" />
<开关 外边距="5" 宽="最大" 文本="中间" 重力="中间" />
<开关 外边距="5" 宽="最大" 文本="结束" 重力="end" />
</线性布局>
<!--设置背景颜色-->
<文本 可选择="是" 文本="设置背景颜色 bg=颜色" 重力="中间" 高="50" />
<线性布局 宽="最大" 方向="横向">
<开关 外边距="5" 文本="吃饭" 背景颜色="#57965C" />
<开关 外边距="5" 文本="睡觉" 背景颜色="#C94F4F" />
<开关 外边距="5" 文本="游戏" 背景颜色="#3574F0" />
</线性布局>
<!--设置背景图片-->
<文本 可选择="是" 文本="设置背景图片 背景图片=图片" 重力="中间" 高="50" />
<线性布局 宽="最大" 方向="竖向">
<!--
文本颜色="背景" 是一种动态设置文本颜色的方式,表示当前字体颜色是背景颜色。
-->
<开关 外边距="2" 宽="250" 文本="吃饭" 文本颜色="背景"
背景图片="example/$ui - 交互界面/03.check-复选框/img/bg01.png" />
<开关 外边距="2" 宽="250" 文本="睡觉" 文本颜色="背景"
背景图片="example/$ui - 交互界面/03.check-复选框/img/bg02.png" />
<开关 外边距="2" 宽="250" 文本="游戏" 文本颜色="背景"
背景图片="example/$ui - 交互界面/03.check-复选框/img/bg03.png" />
</线性布局>
</线性布局>
</滑动布局>
</锚点布局>
</界面>