Sagit.Framework For IOS 自动布局教程:1、标准定义

前言:

这节起,Sagit的自动布局重新写教程。

1、定义标准

Sagit.Framework For IOS 自动布局教程:1、标准定义_第1张图片

 

 

框架默认定义的是750*1334,即UI设计的两倍图。

如果UI设计师,是以3倍图设计的,则需要调整标准宽高为:1125*2001。

2、蓝湖标注的使用

如果UI的设计师将设计稿上传到蓝湖,使用蓝湖的自动标注功能:

Sagit.Framework For IOS 自动布局教程:1、标准定义_第2张图片

 

 这里切换到像素,Sagit框架是面向px编码的。

Sagit.Framework For IOS 自动布局教程:1、标准定义_第3张图片

 

则重点关注两个参数:如果width是1125的,即三倍图,则修改标准为3倍图:整标准宽高为:1125*2001。

(UI设计是1125*2884,那是状态栏、导航栏、Tab栏高度增加的,框架内部处理了,不用管。)

3、常用状态栏、导航栏、Tab栏高度的获取:

内部定义:

#define STNavHeightPx STNavHeightPt*Ypx
#define STStatusHeightPx STStatusHeightPt*Ypx
#define STTabHeightPx STTabHeightPt*Ypx

使用时用内部定义好的:

STNavHeightPx 、STStatusHeightPx 、STTabHeightPx 

以上三个自适应高度变量,不要用固定的数字。

总结:

定义好标准,之后的开发的时候才能自适应,开发出和UI设计的界面一致的效果。

 

你可能感兴趣的:(Sagit.Framework For IOS 自动布局教程:1、标准定义)