0
点赞
收藏
分享

微信扫一扫

如何正确使用网格设置制作卡片类型展示页面

精进的医生 2022-12-30 阅读 60

效果展示:

如何正确使用网格设置制作卡片类型展示页面_字段

前置准备:

  • 制作完成的按钮
  • 图片素材

具体步骤:

  • 添加容器和标签文本
  • 更具体的配置
  • 检验工作

步骤分解:

添加容器和标签文本

  • 添加 容器 三个
  • 添加 标签文本 两个,配置好需要的字段
  • 选中 容器 配置 网格,根据需要选择 1x2

如何正确使用网格设置制作卡片类型展示页面_字段_02

如何正确使用网格设置制作卡片类型展示页面_字段_03

更具体的配置

  • 调整 标签文本容器 内的 内间距尺寸设置 宽度 选择 百分比 显示,另一段 标签文本 也进行形同的配置
  • 将上一步配置好的 容器组件 和 事先准备好的 按钮 至于下方较宽 容器 中,选中 按钮 修改 外间距百分比 显示
  • 将前两步中的两个 容器组件 分别在 显示设置 中的 填充色设置 透明度 调整为0
  • 将集合的 容器组件 放置在最上方的 容器 里,并为其设置 网格设置间距设置
  • 事先准备好的图片素材置于 容器 上,并在 尺寸设置 中 调整为 百分比 显示

如何正确使用网格设置制作卡片类型展示页面_字段_04

如何正确使用网格设置制作卡片类型展示页面_字段_05

如何正确使用网格设置制作卡片类型展示页面_字段_06

如何正确使用网格设置制作卡片类型展示页面_字段_07

如何正确使用网格设置制作卡片类型展示页面_字段_08

检验工作

  • 设备尺寸 中,选择更大或更小的机型,来检验是否完美适配

如何正确使用网格设置制作卡片类型展示页面_字段_09


举报

相关推荐

0 条评论