16-Figma-自动布局

常见操作

创建自动布局,shift+a
解除自动布局,属性面板操作或者alt+shift+a
自动布局加背景圆角,属性面板
自动布局内子元素新增,属性面板设置自动布局元素新增方向(水平或垂直),再ctrl+d
自动布局控制内边距,属性面板
自动布局控制项目间距,属性面板
自动布局设置大小,拖动或者属性面板
自动布局如何适应内容,属性面板操作
自动布局让子元素居中对齐,属性面板操作
自动布局如何设置等距模式,属性面板操作
改变自动布局宽高子组件固定高度调节宽度,属性面板操作
改变自动布局宽高子组件固定宽度调节高度,属性面板操作
改变自动布局宽高子组件调节宽度和高度,属性面板操作

简单总结

需要有一个大图层管理里面的小图层
适应内容：根据文字数量变化自动调节
固定宽度：组件的宽度和高度固定
填充容器：根据外轮廓的大小变化，内部元素大小也随之改变

区别

frame和自动布局的相同点
- 边框
- 填充
- 效果
frame和自动布局的不同点
- frame
  - 裁剪
  - 子组件约束
  - 布局网格
- 自动布局
  - 项目边距
  - 内边距
  - 子组件堆叠
  - 子组件等距
  - 水平垂直居中方便
  - frame的背景可以自适应内容变化
  - frame的子元素可以方便的调整顺序

16-Figma-自动布局相关推荐

iOS开发中用到的一些第三方库
下面是我在开发中用到的一些优秀的iOS第三方开源库: 1.AFNetworking(网络请求,类似的还有ASIHTTPRequest) https://github.com/AFNetworki ...
实现手机来电铃声，通知铃声、警告铃声等音频定制化功能(三，多媒体扫描结果定制处理)
本篇博文主要是对MediaScanner中endFile方法的处理流程上的重构,以实现需求中的资源区域化定制.处理思路为首先扫描定制分区中的资源,在扫描系统分区下默认资源时判断定制分区西下是否已经存在 ...
sqlserver错误码
错误 6,000 到 6,999 错误严重性是否记录事件说明 6001 10 否 SHUTDOWN 正在等待 %d 个进程完成. 6004 10 否用户没有执行此操作的权限. 6005 10 ...
Figma#6：Auto Layout自动布局
在这个风起云涌的战场上,ddl战士登场参考视频:[Figma教程]保姆级教程,全网最简单易学的Figma教程08-Auto Layout 自动布局弹性布局_哔哩哔哩_bilibilihttps:/ ...
figma客户端_小白的Figma入门手册
全世界都在用Figma 不知道你们有没有这种感觉,仿佛有一天,很突然的,全世界都在使用figma,一个软件从无人问津到现在的如日中天,用了不到3年,而现在,它不仅仅是当下的最优生产力工具,在疫情掀起的 ...
Figma响应式布局
Figma是一个非常流行的设计工具,它提供了响应式布局的功能,可以让设计师更好地在不同设备上预览设计.调整布局和优化交互.下面介绍一些Figma响应式布局的使用技巧: 设计大纲和网格在进行响应式布局 ...
iOS 自动布局框架 – Masonry 详解
来源:伯乐在线 - 刘小壮如有好文章投稿,请点击 → 这里了解详情如需转载,发送「转载」二字查看说明目前iOS开发中大多数页面都已经开始使用Interface Builder的方式进行UI开发了 ...
ios自动布局（1）
本文转载与 :http://blog.csdn.net/pucker/article/details/41832939 今年如约放出了新的iPhone 6与iOS 8系统,SDK针对新的设备和系统的界 ...
iOS自动布局框架-Masonry详解
目前iOS开发中大多数页面都已经开始使用Interface Builder的方式进行UI开发了,但是在一些变化比较复杂的页面,还是需要通过代码来进行UI开发的.而且有很多比较老的项目,本身就还在采用纯 ...
iOS自动布局-VFL格式约束
AutoLayout VFL可视化格式约束一.VFL简介 iOS的自动布局约束主要有三种方式, 1.可视化界面中添加布局,比如在Storyboard xib. 2.代码添加当个约束 3.VFL格式 ...

16-Figma-自动布局

16-Figma-自动布局

常见操作

简单总结

区别

16-Figma-自动布局相关推荐

最新文章

热门文章