虎课网为您提供字体设计版块下的自动布局案例-MasterGo实战教程09图文教程，本篇教程使用软件为MasterGo，难度等级为新手入门，下面开始学习这节课的内容吧！

本套课程主要讲解【MasterGo实用教学】-【第九课】-【⾃动布局案例】，同学们可以在视频下方评论区进行留言，老师会根据你们的问题进行回复。

那我们开始今天的教程吧。

1.本节课主要讲解【⾃动布局案例】，首先框选【元素】创建为【容器】-命名为【卡片】，【标题】始终跟随【左边位置】-约束设置为【居左】-【顶端】。

2.文本在拖拽的时候是跟随，传统设计文本的左右【间距】是固定，底部的【白板】也设置为【左右固定】。

3.容器一定要放置【页面】里面调整为【左右固定】，图片、内容、装饰条都会随着拖拽而跟随，返回、标题、更多按钮三个元素先【取消编组】。

4.【定位布局】遵循【就近原则】，【卡片】容器设置为【左右固定】，但是拖拽时只有容器跟随，需要调整里面具体的【元素】。

5.按住【Shift】多选，将卡片里面的图片、遮罩等元素，【约束属性】设定为【左右固定】，小元素按钮图标【编辑成组】按照【就近原则】设定为【右边固定】。

6.【约束功能】可以实现在不同尺寸的设备上产出不同的设计图，做设计的时候提前将【约束属性】做好，直接复制【容器】就可以调整尺寸。

7.当有模块需要删减或者增加的时候，【自动布局】可以实现，自动布局相当于是一个大的容器，里面的所有模块定义成小的元素【创建为组】。

8.选中四个组按住【Shift+A】自动布局，将【容器】的【约束与调整】设置为【居中】，【对齐】设置为【居中】。

9.当所有的模块都设定好【自动布局】后，可以任意拖动【模块】的位置，也可以快速的进行删减和增加，下方的模块会自动向上顶。

10.【知识回顾】：①、约束功能必须是一个容器内所包含的元素，才可以被设置约束，②、自动布局主要是设置的参数【描边】和开发模式的盒子概念相同，分容器和元素两大类的调整。

11.本节课的课程内容就结束了，学完本课内容后，课下同学们也可以临摹操作练习，视频下方评论区留言或者提交作业。

以上就是自动布局案例-MasterGo实战教程09图文教程的全部内容了，你也可以点击下方的视频教程链接查看本节课的视频教程内容，虎课网每天可以免费学一课，千万不要错过哦！