本文介绍了Figma中布局约束的基础操作与应用案例，包括如何使用不同类型的约束来实现元素的弹性布局，以及如何利用布局网格使多个元素整齐排列。
15-Figma-布局约束和栅格
约束操作
- 拖动Frame,子组件缩放,子组件的默认约束就是缩放
- 拖动Frame,子组件保持在中间,选中所有子组件,然后在属性面板修改
- 拖动Frame,子组件保持在左边,选中所有子组件,然后在属性面板修改
- 拖动Frame,子组件保持在其他位置,选中所有子组件,然后在属性面板修改
约束案列
案列1
效果
左右拉伸Frame，图片不动，标题不动，描述文字拉升
实现
图片 约束 左
标题 约束 左
描述 约束 左右拉伸
案例2
效果
左右拉伸Frame，图片缩放，标题不动，描述文字拉升
实现
图片 约束 缩放
标题 约束 左
描述 约束 左右拉伸
约束简单总结
- 约束常用于适合弹性布局的界面中
- 当父级画框进行大小拖动时，只会影响子级，不能跨级控制
- 按Shift可以加选与减选约束控制
最低0.47元/天 解锁文章
扫一扫
1114
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
