Sketch一键搞适配全系屏幕尺寸插件Auto-layout

更新时间:02-18   软件大小:622 KB   软件由 设计小编 上传,软件仅供学习参考

Sketch一键搞适配全系屏幕尺寸插件Auto-layout


有时我们需要一种方法来定义和查看设计在所有屏幕尺寸下的显示效果,而不仅仅是 iPhone 7,开玩笑?用 Auto Layout 统统一键搞定


安装


  • 下载安装包

  • 双击 AutoLayoutPlugin.sketchplugin 完成安装


使用


在 Sketch 界面属性检查器的最下方找到 Auto Layout 的面板(默认安装插件后开启,如果未开启可执行 Plugins > Auto Layout > Show/Hide Panel 或执行快捷键 control ⌃ + A 来开启)点击面板上的按钮可单独查看某一屏幕下的适配效果 


Sketch一键搞适配全系屏幕尺寸插件Auto-layout


执行 Plugins > Auto Layout > Generate Screen Sizes Overview 可一键查看所有设备尺寸下的适配效果 


Sketch一键搞适配全系屏幕尺寸插件Auto-layout


需要注意的是:设定好每个图层的约束,使用 Pin 右侧第一个控件设定,上下左右各有一个点,选中为保持该图层距离画板边缘的距离 


Sketch一键搞适配全系屏幕尺寸插件Auto-layout


更加细致的约束条件,可点击 More 按钮展开详细的配置进行控制  


Sketch一键搞适配全系屏幕尺寸插件Auto-layoutSketch一键搞适配全系屏幕尺寸插件Auto-layout


8
大家都在问

1、成为VIP后官网所有素材都可以下载吗?

成为旗舰QVIP后,图翼网(www.tuyiyi.com)官网所有素材都可以无限制下载。

2、素材会持续更新吗?

会 ,网站资料每天都有更新,且资源都是高端素材,精心的海外商业设计资源,可激发你的创造性。

3、充值购买后多久能够下载素材?

付款后秒成为VIP会员,如付款后没有显示VIP标识,可以退出重新登录账号即可显示。

4、免费下载或者VIP会员专享资源能否直接商用?

本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。

5、购买后支持退款吗?

在VIP有效期内素材可以无限下载,由于素材是虚拟物品,购买之后不支持退换。

标签:sketch插件
图翼网微信公众号:tuyiyicom
图翼网在线客服QQ:1003030973
图翼网站导航
图翼网QQ群联盟