效果展示:
前置准备:
- 制作完成的按钮
- 图片素材
具体步骤:
- 添加容器和标签文本
- 更具体的配置
- 检验工作
步骤分解:
添加容器和标签文本
- 添加 容器 三个
- 添加 标签文本 两个,配置好需要的字段
- 选中 容器 配置 网格,根据需要选择 1x2
更具体的配置
- 调整 标签文本 在 容器 内的 内间距 ,尺寸设置 中 宽度 选择 百分比 显示,另一段 标签文本 也进行形同的配置
- 将上一步配置好的 容器组件 和 事先准备好的 按钮 至于下方较宽 容器 中,选中 按钮 修改 外间距和 百分比 显示
- 将前两步中的两个 容器组件 分别在 显示设置 中的 填充色设置 透明度 调整为0
- 将集合的 容器组件 放置在最上方的 容器 里,并为其设置 网格设置 和 间距设置
- 事先准备好的图片素材置于 容器 上,并在 尺寸设置 中 调整为 百分比 显示
检验工作
- 在 设备尺寸 中,选择更大或更小的机型,来检验是否完美适配