新知榜官方账号
2023-06-30 19:47:22
MasterGo自动布局可以满足简单的响应式效果,但要实现更复杂的自动响应效果,需要掌握调整大小的组合技、嵌套容器大法等技巧。本文介绍了以下进阶技巧:
自动布局容器的宽和高都可以设置为「适应」、「固定」、「充满」。适应内容、充满容器、固定宽高三种响应方式可以分别设置水平和垂直的响应方式,从而快速创建响应式设计。
每个自动布局容器只支持一个布局方向。如果需要构建既有水平又有垂直方向的完整界面,可以将它们组合嵌套在一起。MasterGo支持嵌套多个自动布局容器来创建响应式界面,从而创建出更加灵活的组件。
在MasterGo自动布局面板中,有一个“分布式排列”开关,可以控制自动布局容器内图层之间的间距。MasterGo目前支持6种分布式排列方式。水平布局状态下,可以选择上、中、下三种分布式排列方式,横向拉伸和收缩容器时,元素间距自动跟随调整。垂直布局状态下,可以选择左、中、右三种分布式排列方式,纵向拉动容器,平均分布的元素会随容器尺寸变动调整间距。
当需要让容器内的元素脱离自动布局约束的限制,移动到特定位置时,可以使用MasterGo的绝对定位。在属性面板中开启绝对定位开关后,元素可以自由地移动。
当设置的间距为负数时,子图层之间会形成堆叠效果。但有时候堆叠的顺序不是我们想要的效果,这时候可以在自动布局设置中改变堆叠的样式,让第一个元素在最上面或者让最后一个元素在最上面。
相关文章
推荐
阿里Accio中文版上线!一键搞定复杂采购
2025-08-19 09:13
视频“用嘴编辑”的时代来了,但钱包顶得住吗?
2025-08-15 17:59
智谱新模型GLM-4.5V全面开源,玩家们有福啦!
2025-08-12 17:56
扎心文案+AI插画=爆款!揭秘8万赞视频的制作全流程
2025-08-12 10:08
GPT-5没你想的那么好,附实测体验~
2025-08-11 11:07
一站式搞定AI绘图+视频,AI短片效率飙升的秘密在这儿!
2025-08-08 09:26
打工人新神器!10款国产AI,让你告别996!
2025-08-08 09:24
豆包视觉推理深度体验,AI也能“边看边想”了!
2025-08-08 09:19
300美元的AI男友来了!马斯克的情感生意从女友做到男友
2025-08-01 17:56
Agent智能体:2025年企业新员工,月薪仅需一度电?
2025-07-30 17:49