Auto Layout（自动布局）解决的是“内容变化导致界面崩掉”的问题：文字多一行、按钮变宽、列表多一项时，间距和对齐仍然保持一致。学会它，你的组件会更好维护，也更容易交付给开发。
建议从最常见的结构练习：标题 + 描述 + 按钮。先把这三块放进一个 Frame，然后对 Frame 添加 Auto Layout。
方向：纵向（Vertical）；间距：8 或 12；内边距：16。
对齐（Alignment）：决定子元素靠左/居中/靠右；
间距（Spacing）：决定子元素之间的距离。
常见错误是“想要左右留白”却去调间距，正确做法是改容器的 Padding。
Hug contents：内容多大我多大（适合按钮、标签）。
Fill container：填满父容器剩余空间（适合输入框、正文区域）。
Fixed：固定尺寸（适合图标、头像等明确规格）。
推荐套路：容器宽度固定或 Fill，内部文字 Hug，按钮 Hug。
当你的卡片里有“左侧文字 + 右侧按钮”时，先把这一行做成横向 Auto Layout，再把这一行放进外层纵向 Auto Layout。嵌套是让复杂结构稳定的关键。
描述文本如果需要换行，确保文本框是“Fill container”，并在父容器里让它占据可用空间。否则你会遇到文字越长越挤、按钮被顶走的问题。
1）左右留白用 Padding；2）元素之间距离用 Spacing；3）按钮/标签用 Hug；4）可伸缩区域用 Fill；5）复杂结构用嵌套。
