新知榜官方账号
2023-06-30 19:47:22
MasterGo自动布局可以满足简单的响应式效果,但要实现更复杂的自动响应效果,需要掌握调整大小的组合技、嵌套容器大法等技巧。本文介绍了以下进阶技巧:
自动布局容器的宽和高都可以设置为「适应」、「固定」、「充满」。适应内容、充满容器、固定宽高三种响应方式可以分别设置水平和垂直的响应方式,从而快速创建响应式设计。
每个自动布局容器只支持一个布局方向。如果需要构建既有水平又有垂直方向的完整界面,可以将它们组合嵌套在一起。MasterGo支持嵌套多个自动布局容器来创建响应式界面,从而创建出更加灵活的组件。
在MasterGo自动布局面板中,有一个“分布式排列”开关,可以控制自动布局容器内图层之间的间距。MasterGo目前支持6种分布式排列方式。水平布局状态下,可以选择上、中、下三种分布式排列方式,横向拉伸和收缩容器时,元素间距自动跟随调整。垂直布局状态下,可以选择左、中、右三种分布式排列方式,纵向拉动容器,平均分布的元素会随容器尺寸变动调整间距。
当需要让容器内的元素脱离自动布局约束的限制,移动到特定位置时,可以使用MasterGo的绝对定位。在属性面板中开启绝对定位开关后,元素可以自由地移动。
当设置的间距为负数时,子图层之间会形成堆叠效果。但有时候堆叠的顺序不是我们想要的效果,这时候可以在自动布局设置中改变堆叠的样式,让第一个元素在最上面或者让最后一个元素在最上面。
相关文章
推荐
中国首款3A游戏上线,《黑神话:悟空》出圈!
2024-08-21 13:46
盘点15款AI配音工具,短视频配音有救了!
2024-08-12 17:11
短视频文案没创意?10大AI写作工具来帮你!
2024-08-05 16:23
Midjourney发布V6.1版本,我已分不清AI和现实了!
2024-08-01 15:03
我发现了一款国产AI绘画神器,免费易上手!
2024-07-25 16:40
7位AI考生做今年高考题,能过一本线吗?
2024-07-19 17:17
世界上第一所AI学校来了,80亿人只需要1位老师?
2024-07-18 17:12
Sora首部AI广告片上线,广告从业者危险了!
2024-06-27 13:44
OpenAI与中国说拜拜,国产AI如何接棒?
2024-06-26 15:18
人与AI会产生爱情吗,专家发话了!
2024-06-17 17:28