iOS中如何使用autolayout自动布局?
在iOS开发中,为了能快速的适配不同屏幕尺寸和横竖屏,越来越多的人开始用xib autolayout来解决布局问题了。其实这项自动布局技术早在iOS6的时候就已经推出,只是当时不太完善,加之任何一门新技术出来都需要时间才能被人所接受,所以也就现在才开始流行起来。
既然autolayout自动布局技术现在使用率越来越高,今天小编就和大家一起来扒一扒它的使用小技巧。今天在网上偶然看到一篇有关autolayout技巧的分享,在此,就分享给大家吧,希望对大家的编程有所帮助。
在任何编程前,我们首先需要明确的就是需求,我们先来看看需求是什么吧:
:需要登陆LoginViewController视图View上面的控件居中显示。下面通过一个简单的例子,来简要说明使用autolayout的小技巧,
(1)拖拉一个View到LoginViewController.xib的视图上面,调整高度为300,以下都称其为MiddleView吧,如下图所示:
为了让图片垂直居中显示,我们可以通过键盘的上(↑)下(↓)按键移动View。
(2)拖两个UITextField和一个UIButton到View上面,同时设置了MiddleView的背景色为LightGray,如下图所示:
(3)给MiddleView添加约束,使其水平和竖直居中,先选中MiddleView,然后按照下图操作:
(4)给MiddleView添加宽高(width and height)的约束,上面仅仅添加水平和垂直居中,会有警告,这是因为添加的约束还不够,如下图所示,添加宽高的约束:
(5)给MiddleView上面的空间添加相互间的约束,这时候添加约束就简单多了,先选中MiddleView上面所有的控件,只要点击一个Add Missing Constraints,,如下图所示,
通过上面一些简单的操作,保证登陆界面中的控件不管在3.5寸还是4寸的屏幕上面,都能够居中显示了。运行效果如下所示,
3.5寸屏幕效果图,
4寸屏幕效果图,
以上就是iOS中,autolayout自动布局技术的使用技巧,大家看明白了么?没看明白的亲,赶紧动手自己试试吧。
相关文章:《详解swift语言中常量、变量的用法》
既然autolayout自动布局技术现在使用率越来越高,今天小编就和大家一起来扒一扒它的使用小技巧。今天在网上偶然看到一篇有关autolayout技巧的分享,在此,就分享给大家吧,希望对大家的编程有所帮助。
在任何编程前,我们首先需要明确的就是需求,我们先来看看需求是什么吧:
:需要登陆LoginViewController视图View上面的控件居中显示。下面通过一个简单的例子,来简要说明使用autolayout的小技巧,
(1)拖拉一个View到LoginViewController.xib的视图上面,调整高度为300,以下都称其为MiddleView吧,如下图所示:
![]() |
为了让图片垂直居中显示,我们可以通过键盘的上(↑)下(↓)按键移动View。
(2)拖两个UITextField和一个UIButton到View上面,同时设置了MiddleView的背景色为LightGray,如下图所示:
![]() |
(3)给MiddleView添加约束,使其水平和竖直居中,先选中MiddleView,然后按照下图操作:
![]() |
(4)给MiddleView添加宽高(width and height)的约束,上面仅仅添加水平和垂直居中,会有警告,这是因为添加的约束还不够,如下图所示,添加宽高的约束:
![]() |
(5)给MiddleView上面的空间添加相互间的约束,这时候添加约束就简单多了,先选中MiddleView上面所有的控件,只要点击一个Add Missing Constraints,,如下图所示,
![]() |
通过上面一些简单的操作,保证登陆界面中的控件不管在3.5寸还是4寸的屏幕上面,都能够居中显示了。运行效果如下所示,
3.5寸屏幕效果图,
![]() |
4寸屏幕效果图,
![]() |
以上就是iOS中,autolayout自动布局技术的使用技巧,大家看明白了么?没看明白的亲,赶紧动手自己试试吧。
相关文章:《详解swift语言中常量、变量的用法》