写点什么

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

作者:Towify
  • 2022-12-30
    北京
  • 本文字数:351 字

    阅读完需:约 1 分钟

效果展示:

前置准备:

  • 制作完成的按钮

  • 图片素材

具体步骤:

  • 添加容器和标签文本

  • 更具体的配置

  • 检验工作

步骤分解:

添加容器和标签文本

  • 添加 容器 三个

  • 添加 标签文本 两个,配置好需要的字段

  • 选中 容器 配置 网格,根据需要选择 1x2


更具体的配置

  • 调整 标签文本 在 容器 内的 内间距 ,尺寸设置 中 宽度 选择 百分比 显示,另一段 标签文本 也进行形同的配置

  • 将上一步配置好的 容器组件 和 事先准备好的 按钮 至于下方较宽 容器 中,选中 按钮 修改 外间距和 百分比 显示

  • 将前两步中的两个 容器组件 分别在 显示设置 中的 填充色设置 透明度 调整为 0

  • 将集合的 容器组件 放置在最上方的 容器 里,并为其设置 网格设置 和 间距设置

  • 事先准备好的图片素材置于 容器 上,并在 尺寸设置 中 调整为 百分比 显示





检验工作

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


用户头像

Towify

关注

还未添加个人签名 2022-11-02 加入

还未添加个人简介

评论

发布
暂无评论
如何正确使用网格设置制作卡片类型展示页面_Towify_InfoQ写作社区