Fimga更新后自动布局有哪些改进?有哪些作用?

Figma的这次更新 , 重新设计了整个自动布局菜单 , 功能变得更加强大 , 尤其是当你可以将自动布局与约束(在自动布局框架中称为调整大小)结合在一起时 , 可以实现无穷无尽的可能性 。那么Fimga更新后自动布局有哪些改进?有哪些作用?下面我们一起来了解一下 。

Fimga更新后自动布局有哪些改进?有哪些作用?

文章插图
更个性化的Padding调节
可以全部或全部调整Padding值 , 也可以分别调整左 , 右 , 顶部和底部的Padding间距 。
对齐与均分
与先前版本一样 , 对象可以水平或垂直对齐 。但是 , Figma推出了一个非常不错的附加功能 , 您现在还可以使用新的对齐工具在框架内对齐自动布局框架的子项 。
在单独设置Padding选项的下方 , 您可以找到分布(Distribution)选项 。这很方便 , 而且通过这种形式 , 你可以设置很多复杂的参数 。基本上 , 分布使您可以选择如何在自动布局框架内对齐子对象 。
全新的缩放菜单
当父框架或内容更改大小时 , 调整内部对象 。通过下面3个选项 , 您可以将它们的高度和宽度相互混合和匹配!
新的嵌套调整选项
自适应和内容自适应 。它的优点是 , 您可以匹配所有内容以创建强大的响应元素 。如前所述 , 自动布局和约束并没有真正发挥作用 。现在 , 您可以应用响应行为 , 并在更改内容时保留所有间距设置 。这是对个人工作流程的最大帮助 。
保证所有子元素高度一致
如果您在一个容器中有更多内容 , 但又希望所有容器都具有相同的高度 , 则只需将所有子容器设置为以高度填充容器 , 并将父自动布局框架设置为高度拥抱(Hug hight) 。非常方便!这在CSS中很难做到 , 但是在Figma中却异常轻松!
这基本上就是它的工作方式:如果一个容器中有更多内容 , 它将增加父容器的高度 , 而其他所有容器都会随之增加 。在之前 , 我们需要手动调整容器大小 。
【Fimga更新后自动布局有哪些改进?有哪些作用?】以上就是关于Fimga更新后的自动布局新增加的功能 , 为我们的设计带来了更多的便利 。

    推荐阅读