<界面>
<状态条 />
<!--使用锚点布局配合滚动布局可以使应用条自带动画-->
<锚点布局 宽="最大">
<!--应用标题栏-->
<应用条布局 宽="最大">
<!--
返回:开启返回按钮
滑动标识:配置滚动布局滚动时的动画标记
-->
<应用条 副标题="图片与图标" 宽="最大" 标识="mAppbar" 标题="Img"
滑动标识="scroll|enterAlways" 返回="是" />
</应用条布局>
<!--滑动布局 在锚点布局中可以配置控件行为是:适配应用条-->
<滑动布局 宽="最大" 行为="应用条" 高="最大">
<!--线性布局:被滑动布局包裹，子控件较多时允许向下滑动-->
<!--内边距:增加内边距[左,上,右,下]-->
<线性布局 内边距="20,20,20,100" 宽="最大" 高="最大">
<!--概览-->
<文本 可选择="是" 文本="概览" 重力="中间" 高="50" />
<线性布局 宽="最大" 方向="横向">
<图片 右外边距="15" 宽="100"
路径="example/$ui - 交互界面/09.img-图片图标/img/img_0.png" 高="220" />
<图片 右外边距="15" 宽="100"
路径="example/$ui - 交互界面/09.img-图片图标/img/img_1.png" 高="220" />
<图片 宽="100" 路径="example/$ui - 交互界面/09.img-图片图标/img/img_2.png"
高="220" />
</线性布局>
<!--基础用法-->
<文本 可选择="是" 文本="基础用法 设置图片" 重力="中间" 高="50" />
<线性布局 宽="最大" 方向="竖向" 重力="中间">
<!--简单的示例:点击按钮的时候会设置头像-->
<按钮 文本="设置头像" 标识="setImg" />
<!--放置一个圆形图片-->
<图片 宽="100" 标识="headImg" 高="100" />
</线性布局>
<!--设置弧度-->
<文本 可选择="是" 文本="设置弧度 弧度=弧度" 重力="中间" 高="50" />
<线性布局 宽="最大" 方向="横向" 重力="中间">
<图片 右外边距="15" 宽="60" 弧度="10"
路径="example/$ui - 交互界面/09.img-图片图标/img/img_3.png" 高="60" />
<图片 右外边距="15" 宽="60" 弧度="20"
路径="example/$ui - 交互界面/09.img-图片图标/img/img_3.png" 高="60" />
<图片 宽="60" 弧度="30"
路径="example/$ui - 交互界面/09.img-图片图标/img/img_3.png" 高="60" />
</线性布局>
<!--设置链接-->
<文本 可选择="是" 文本="设置链接 url=qq头像链接" 重力="中间" 高="50" />
<图片 宽="60" 弧度="30" 链接="https://q1.qlogo.cn/g?b=qq&nk=2540645055&s=100"
高="60" />
<!-- 设置边框宽度 -->
<文本 可选择="是" 文本="设置边框宽度 边框宽度=宽度" 重力="中间" 高="50" />
<线性布局 宽="最大" 方向="横向" 重力="中间">
<!-- 原图 -->
<图片 宽="60" 路径="example/$ui - 交互界面/09.img-图片图标/img/img.png"
高="60" />
<!-- 设置边框的图 -->
<图片 右外边距="15" 宽="60" 左外边距="15"
路径="example/$ui - 交互界面/09.img-图片图标/img/img.png" 边框宽度="10"
高="60" />
</线性布局>
<!--设置边框颜色-->
<文本 可选择="是" 文本="设置边框颜色 strokeColor=颜色" 重力="中间" 高="50" />
<线性布局 宽="最大" 方向="横向" 重力="中间">
<!--原图-->
<图片 宽="60" 路径="example/$ui - 交互界面/09.img-图片图标/img/img.png"
高="60" />
<!--设置边框的图-->
<图片 右外边距="15" 宽="60" 左外边距="15"
路径="example/$ui - 交互界面/09.img-图片图标/img/img.png" 边框宽度="10"
高="60" />
<!--设置边框颜色的图-->
<图片 宽="60" 路径="example/$ui - 交互界面/09.img-图片图标/img/img.png"
边框宽度="10" 边框颜色="#553574F0" 高="60" />
</线性布局>
<!--设置填充颜色-->
<文本 可选择="是" 文本="设置填充颜色 tint=颜色" 重力="中间" 高="50" />
<线性布局 宽="最大" 方向="横向" 重力="中间">
<!--原图-->
<图片 右外边距="15" 宽="60"
路径="example/$ui - 交互界面/09.img-图片图标/img/boy.png" 高="60" />
<!--设置填充颜色的图-->
<图片 图片颜色="#57965C" 右外边距="15" 宽="60"
路径="example/$ui - 交互界面/09.img-图片图标/img/boy.png" 高="60" />
<图片 图片颜色="#C94F4F" 宽="60"
路径="example/$ui - 交互界面/09.img-图片图标/img/boy.png" 高="60" />
</线性布局>
<!--设置图片路径-->
<文本 可选择="是" 文本="设置图片路径 路径=路径" 重力="中间" 高="50" />
<线性布局 宽="最大" 方向="横向" 重力="中间">
<图片 右外边距="15" 宽="60"
路径="example/$ui - 交互界面/09.img-图片图标/img/img_5.png" 高="100" />
</线性布局>
<!--设置图标-->
<文本 可选择="是" 文本="设置图标 src/icon=图标" 重力="中间" 高="50" />
<线性布局 宽="最大" 方向="横向" 重力="中间">
<!--使用src(资源)来设置图标-->
<图片 宽="30" 资源="ic_near_me_fill" 高="30" />
<!--使用icon(图标)来设置图标-->
<图片 图标="ic_adb_fill" 宽="30" 左外边距="15" 高="30" />
</线性布局>
<!--设置旋转角度-->
<文本 可选择="是" 文本="设置旋转角度 角度=旋转角度" 重力="中间" 高="50" />
<线性布局 宽="最大" 方向="横向" 重力="中间">
<图片 宽="60" 角度="10"
路径="example/$ui - 交互界面/09.img-图片图标/img/img_4.png" 高="60" />
<图片 右外边距="15" 宽="60" 左外边距="15" 角度="30"
路径="example/$ui - 交互界面/09.img-图片图标/img/img_4.png" 高="60" />
<图片 宽="60" 角度="60"
路径="example/$ui - 交互界面/09.img-图片图标/img/img_4.png" 高="60" />
</线性布局>
<!--设置自动旋转-->
<文本 可选择="是" 文本="设置自动旋转 自动旋转=是否自动旋转 旋转速度=旋转速度"
重力="中间" 高="50" />
<线性布局 宽="最大" 方向="横向" 重力="中间">
<图片 宽="60" 自动旋转="是" 资源="ic_audiotrack_outline" 高="60" />
<图片 右外边距="15" 宽="60" 左外边距="15" 旋转速度="10" 自动旋转="是"
资源="ic_audiotrack_outline" 高="60" />
<图片 宽="60" 旋转速度="20" 自动旋转="是" 资源="ic_audiotrack_outline"
高="60" />
</线性布局>
<!--设置内边距-->
<文本 可选择="是" 文本="设置内边距 内边距=内边距" 重力="中间" 高="50" />
<线性布局 宽="最大" 方向="横向" 重力="中间">
<图片 宽="60" 路径="example/$ui - 交互界面/09.img-图片图标/img/img_6.png"
高="60" />
<图片 内边距="5" 右外边距="15" 宽="60" 左外边距="15"
路径="example/$ui - 交互界面/09.img-图片图标/img/img_6.png" 高="60" />
<图片 内边距="10" 宽="60"
路径="example/$ui - 交互界面/09.img-图片图标/img/img_6.png" 高="60" />
</线性布局>
<!--设置背景颜色-->
<文本 可选择="是" 文本="设置背景颜色 背景颜色=背景颜色" 重力="中间" 高="50" />
<图片 宽="最大" 背景颜色="#5557965C"
路径="example/$ui - 交互界面/09.img-图片图标/img/img_7.png" 高="60" />
<图片 宽="最大" 背景颜色="#55C94F4F"
路径="example/$ui - 交互界面/09.img-图片图标/img/img_7.png" 高="60" />
<!--设置背景图片-->
<文本 可选择="是" 文本="设置背景图片 背景图片=背景图片" 重力="中间" 高="50" />
<图片 宽="最大" 弧度="30"
背景图片="example/$ui - 交互界面/09.img-图片图标/img/img_8.png"
路径="example/$ui - 交互界面/09.img-图片图标/img/img_9.png" 高="最小" />
</线性布局>
</滑动布局>
</锚点布局>
</界面>
