iOS项目开发实战——如何使用Autoresizing进行屏幕适配

       自从iPhone5出来以后,iOS的开发就面临了屏幕适配的问题。如今随着iPhone6,iPhone6 plus的发布,iPhone已经有4种不同的尺寸了。所以对于我们的App,就必须进行设配。本次我们尝试使用Autoresizing来进行屏幕适配。Autoresizing比Auto Layout更加的方便。具体实现如下:

(1)创建一个iOS应用,在storyboard中不要勾选Use Auto Layout和Use Size Classes。如图:

iOS项目开发实战——如何使用Autoresizing进行屏幕适配_第1张图片


(2)此时storyboard的设计界面就变为一个iPhone5 大小的界面了。屏幕点为320*568,分辨率为640*1136.因为iPhone5是视网膜屏幕,所以宽高分别是屏幕点数乘以二。所以我们一般设计都是基于这个4寸屏幕进行,然后适配到其他大小如4.7寸,5.5寸,3.5寸的屏幕。


(3)在界面加入一个Label,写入文字,我们以这个控件来进行适配。如图:

iOS项目开发实战——如何使用Autoresizing进行屏幕适配_第2张图片


(4)然后运行在iPhone5下,没有任何问题,但是运行在iPhone6 plus下,效果如下:。发现文字明显往左上角偏移。所以,如果我们统一在4寸屏幕上设计,到时候运行在更大尺寸手机上的时候,所有控件都会往左上角跑,整个布局就乱了。

iOS项目开发实战——如何使用Autoresizing进行屏幕适配_第3张图片


(5)来到storyboard中的“Show the Size inspector”中,使用Autoresizing进行适配。

iOS项目开发实战——如何使用Autoresizing进行屏幕适配_第4张图片


(6)两个正方形之间如果选中,表示距离固定,否则自动伸缩长度。内部正方形的长宽如果选中,表示根据屏幕宽度自动缩放控件长宽。

现在我设置Autoresizing如下:表示水平距离屏幕不固定长度,控件宽度随屏幕自动缩放。

iOS项目开发实战——如何使用Autoresizing进行屏幕适配_第5张图片


(7)最后在iPhone6 plus下运行,可以成功的显示,显示效果同其他屏幕尺寸。


github主页:https://github.com/chenyufeng1991  。欢迎大家访问!

你可能感兴趣的:(ios,swift,屏幕适配)