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