MasterGo自动布局进阶技巧

新知榜官方账号

2023-06-30 19:47:22

MasterGo自动布局进阶技巧

MasterGo自动布局可以满足简单的响应式效果,但要实现更复杂的自动响应效果,需要掌握调整大小的组合技、嵌套容器大法等技巧。本文介绍了以下进阶技巧:

  • 自动布局调整大小
  • 嵌套容器
  • 分布式排列
  • 绝对定位
  • 堆叠效果

自动布局调整大小

自动布局容器的宽和高都可以设置为「适应」、「固定」、「充满」。适应内容、充满容器、固定宽高三种响应方式可以分别设置水平和垂直的响应方式,从而快速创建响应式设计。

嵌套容器

每个自动布局容器只支持一个布局方向。如果需要构建既有水平又有垂直方向的完整界面,可以将它们组合嵌套在一起。MasterGo支持嵌套多个自动布局容器来创建响应式界面,从而创建出更加灵活的组件。

分布式排列

在MasterGo自动布局面板中,有一个“分布式排列”开关,可以控制自动布局容器内图层之间的间距。MasterGo目前支持6种分布式排列方式。水平布局状态下,可以选择上、中、下三种分布式排列方式,横向拉伸和收缩容器时,元素间距自动跟随调整。垂直布局状态下,可以选择左、中、右三种分布式排列方式,纵向拉动容器,平均分布的元素会随容器尺寸变动调整间距。

绝对定位

当需要让容器内的元素脱离自动布局约束的限制,移动到特定位置时,可以使用MasterGo的绝对定位。在属性面板中开启绝对定位开关后,元素可以自由地移动。

堆叠效果

当设置的间距为负数时,子图层之间会形成堆叠效果。但有时候堆叠的顺序不是我们想要的效果,这时候可以在自动布局设置中改变堆叠的样式,让第一个元素在最上面或者让最后一个元素在最上面。

本页网址:https://www.xinzhibang.net/article_detail-3434.html

寻求报道,请 点击这里 微信扫码咨询

关键词

MasterGo 自动布局 响应式设计

分享至微信: 微信扫码阅读

相关文章