iOS开发代码自动布局NSLayoutConstraint

原创 2015年11月18日 14:27:48

AutoLayout是从iOS 6开始苹果引入来取代autoresizing的新的布局技术,该技术有三种设置方式,等下我来为大家一一叙述一下。

在说三种设置方式前,我们先简单的说一下autolayout能够设置哪些行为。

1.视图的大小(即视图的绝对大小)。

2.视图的位置(视图相对于父视图或者兄弟视图的位置)。

3.视图的对齐方式(相对于父视图或者相对于兄弟视图)。

一、使用

1,如果是从代码层面开始使用Autolayout,需要对使用的ViewtranslatesAutoresizingMaskIntoConstraints的属性设置为NO.
即可开始通过代码添加Constraint,否则View还是会按照以往的autoresizingMask进行计算.
而在Interface Builder中勾选了Ues Autolayout,IB生成的控件的translatesAutoresizingMaskIntoConstraints属性都会被默认设置NO.

2,值得注意的是,添加约束之前一定要将子视图优先addSubview到父视图中,否则在添加约束时会产生编译器警告.

二、代码

+(instancetype)constraintWithItem:(id)view1 attribute:(NSLayoutAttribute)attr1 relatedBy:(NSLayoutRelation)relation toItem:(id)view2 attribute:(NSLayoutAttribute)attr2 multiplier:(CGFloat)multiplier constant:(CGFloat)c;

而我们在理解的时候,可以通过这种方式来理解.item1.attribute = multiplier ⨉ item2.attribute + constant

参数说明:

view1:第一个视图即item1。

attr1:是第一个视图选择的属性

relation:即中间的关系(= , >= , <=)

view2:第二个视图即item2。

attr2:是第二个视图选择的属性

c:就是常熟constant。

  举个简单的例子来说我们想设置第一个视图的宽度是第二个视图宽度的2倍,我们可以这样写:

[self.view addConstraint:[NSLayoutConstraint constraintWithItem:view2 attribute:NSLayoutAttributeWidth relatedBy:NSLayoutRelationEqual toItem:view1 attribute:NSLayoutAttributeWidth multiplier:2 constant:0]];

可以看到这里我们item1是view1,item2是view2,attr1是attribute:NSLayoutAttributeWidth,attr2是attribute:NSLayoutAttributeWidth,relation是NSLayoutRelationEqual,mutiplier 是2,constant是0.

带入上面的公式得:

第一个视图(宽度) = 2 * 第二个视图(宽度) + 0 

如下是我们所有可以控制的属性:

NSLayoutAttributeLeft 视图的左边
NSLayoutAttributeRight 视图的右边
NSLayoutAttributeTop 视图的上边
NSLayoutAttributeBottom 视图的下边
NSLayoutAttributeLeading 视图的前边
NSLayoutAttributeTrailing 视图的后边
NSLayoutAttributeWidth 视图的宽度
NSLayoutAttributeHeight 视图的高度
NSLayoutAttributeCenterX 视图的中点的X值
NSLayoutAttributeCenterY 视图中点的Y值
NSLayoutAttributeBaseline 视图的基准线
NSLayoutAttributeNotAnAttribute 无属性

这里解释一下前边NSLayoutAttributeLeading和后边NSLayoutAttributeTrailing,这里前边和后边并不是总是为左边和右边的,有些国家的前边是右边后边是左边所以这样设定是为了国际化考虑。还有视图基准线NSLayoutAttributeBaseline通常是指视图的底部放文字的地方。

学习的博客:http://blog.csdn.net/daiyelang/article/details/43792219

相关文章推荐

iOS开发自动布局代码篇NSLayoutConstraint

一.介绍 NSLayoutConstraint是iOS6之后出来的类 使用AutoLayout之前需要知道以下两点: 1.必须设置translatesAutoresizingMaskIntoCo...

[IOS]NSLayoutConstraint-代码实现自动布局的函数用法说明

//转载:http://zhuhaibobb.blog.163.com/blog/static/2744006720143712913273/ 1 2 3 ...

iOS开发通过代码方式使用AutoLayout (NSLayoutConstraint + Masonry)

随着iPhone6/6+设备的上市,如何让手头上的APP适配多种机型多种屏幕尺寸变得尤为迫切和必要。(包括:iPhone4/4s,iPhone5/5s,iPhone6/6s,iPhone 6p/6ps...

IOS开发通过代码方式使用AutoLayout (NSLayoutConstraint + Masonry)

随着iPhone6+设备的上市,如何让手头上的APP适配iPhone4/4s,iPhone5/5s,iPhone6/6s,iPhone 6p/6ps多种机型多种屏幕尺寸变得尤为迫切和必要。...

iOS开发通过代码方式使用AutoLayout (NSLayoutConstraint + Masonry)

iOS开发通过代码方式使用AutoLayout (NSLayoutConstraint + Masonry) **************************************...

Swift开发:NSLayoutConstraint纯代码实现自动布局-初级篇

要求 宽高200的view,通过代码,使得view在距离父控件的右下角20边距处 /* 约束的设置,控件内部约束由自己添加,比如宽高,如果是与其他的            控件约束那么有父控件...
  • taoerit
  • taoerit
  • 2016年05月04日 18:35
  • 6363

iOS开发笔记--使用Auto Layout中的VFL(Visual format language)--代码实现自动布局

本文将通过简单的UI来说明如何用VFL来实现自动布局。在自动布局的时候避免不了使用代码来加以优化以及根据内容来实现不同的UI。 一:API介绍 NSLayoutConstraint...
  • errvv
  • errvv
  • 2016年01月27日 10:16
  • 244

iOS开发-一行代码搞定自动布局

SDAutoLayout(一行代码搞定自动布局!)github地址 s://github.com/gsdios/SDAutoLayout 0.用法示例 /* 用法一 */ _view.s...
  • Cehae
  • Cehae
  • 2016年02月01日 17:06
  • 396

NSLayoutConstraint-代码实现自动布局的函数用法说明

1 2 3 4 5 6 7 [NSLayoutConstraint constraintWithItem:(id)item       ...

NSLayoutConstraint-代码实现自动布局的函数用法

[NSLayoutConstraint constraintWithItem:(id)item attribute:(NSLayoutAttribute)attribute relatedBy:(NS...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:iOS开发代码自动布局NSLayoutConstraint
举报原因:
原因补充:

(最多只允许输入30个字)