您的位置：首页 > 编程语言

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

2014-10-08 14:20 591 查看
1

2

3

4

5

6

7
[NSLayoutConstraint
constraintWithItem:(id)item


attribute:(NSLayoutAttribute)attribute


relatedBy:(NSLayoutRelation)relation


   
toItem:(id)otherItem


attribute:(NSLayoutAttribute)otherAttribute


multiplier:(CGFloat)multiplier


 
constant:(CGFloat)constant]


参数说明:

第一个参数:指定约束左边的视图view1

第二个参数:指定view1的属性attr1，具体属性见文末。

第三个参数:指定左右两边的视图的关系relation，具体关系见文末。

第四个参数:指定约束右边的视图view2

第五个参数:指定view2的属性attr2，具体属性见文末。

第六个参数:指定一个与view2属性相乘的乘数multiplier

第七个参数:指定一个与view2属性相加的浮点数constant

这个函数的对照公式为:

view1.attr1 <relation> view2.attr2 * multiplier + constant

注意:

1.如果你想设置的约束里不需要第二个view，要将第四个参数设为nil，第五个参数设为NSLayoutAttributeNotAnAttribute

举例:

1

2

3

4

5

6

7
[NSLayoutConstraint
constraintWithItem:view1


attribute:NSLayoutAttributeLeft


relatedBy:NSLayoutRelationEqual


   
toItem:view2


attribute:NSLayoutAttributeRight


multiplier:1


 
constant:10]


翻译过来就是:view1的左侧，在，view2的右侧，再多10个点，的地方。

附视图的属性和关系的值:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20
typedef
 
NS_ENUM(NSInteger,
NSLayoutRelation) {


NSLayoutRelationLessThanOrEqual
= -1,  
//小于等于


NSLayoutRelationEqual
= 0, 
//等于


NSLayoutRelationGreaterThanOrEqual
= 1,
//大于等于


};


typedef
 
NS_ENUM(NSInteger,
NSLayoutAttribute) {


NSLayoutAttributeLeft
= 1, 
//左侧


NSLayoutAttributeRight,
//右侧


NSLayoutAttributeTop,  
//上方


NSLayoutAttributeBottom,   
//下方


NSLayoutAttributeLeading,  
//首部


NSLayoutAttributeTrailing, 
//尾部


NSLayoutAttributeWidth,
//宽度


NSLayoutAttributeHeight,   
//高度


NSLayoutAttributeCenterX,  
//X轴中心


NSLayoutAttributeCenterY,  
//Y轴中心


NSLayoutAttributeBaseline, 
//文本底标线


  


NSLayoutAttributeNotAnAttribute
= 0
//没有属性


};


NSLayoutAttributeLeft
/
NSLayoutAttributeRight
 和
NSLayoutAttributeLeading
/
NSLayoutAttributeTrailing
的区别是left/right永远是指左右，而leading/trailing在某些从右至左习惯的地区会变成，leading是右边，trailing是左边。

屏幕兼容的问题

为了让我们的应用在不容尺寸的屏幕下都能 “正常”的表示，我们尽量不要把数据写死。

大多数可视元素都是一个矩形区域，当然这个矩形区域有坐标的，我们有了这个区域坐标就能确定可视元素的现实位置了。

但是iphone5 和以前的屏幕不一样了，在以前的设备中，我们可以添加一个 xx.@2x.png 来适应retina屏幕，但是iphoen5咋办呢？

ios 引入了 Auto Layout 的东东，这个要和UIViewAutoresizing 区分下。

看下面代码

- (void)viewDidLoad
{
[super viewDidLoad];

UIView *aView = [[UIView alloc] init];
aView.backgroundColor = [UIColor redColor];
//为了不和autosizing冲突，我们设置No
[aView setTranslatesAutoresizingMaskIntoConstraints:NO];
[self.view addSubview:aView];

UIView *bView = [[UIView alloc] init];
bView.backgroundColor = [UIColor blueColor];
[bView setTranslatesAutoresizingMaskIntoConstraints:NO];
[self.view addSubview:bView];

NSDictionary *views = NSDictionaryOfVariableBindings(aView, bView);
//NSDictionaryOfVariableBindings  宏  其实 NSDictionaryOfVariableBindings(v1, v2, v3) 等效于 [NSDictionary dictionaryWithObjectsAndKeys:v1, @"v1", v2, @"v2", v3, @"v3", nil];
[self.view addConstraints:
[NSLayoutConstraint constraintsWithVisualFormat:@"H:|-(>=50)-[aView(100)]"
options:0
metrics:nil
views:views]];

[self.view addConstraints:
[NSLayoutConstraint constraintsWithVisualFormat:@"V:|-(>=100)-[aView(50)]"
options:0
metrics:nil
views:views]];

[self.view addConstraints:
[NSLayoutConstraint constraintsWithVisualFormat:@"H:[bView(==aView)]"
options:0
metrics:nil
views:views]];
[self.view addConstraints:
[NSLayoutConstraint constraintsWithVisualFormat:@"V:[bView(==aView)]"
options:0
metrics:nil
views:views]];

[self.view addConstraint:
[NSLayoutConstraint constraintWithItem:bView
attribute:NSLayoutAttributeLeft
relatedBy:NSLayoutRelationEqual
toItem:aView
attribute:NSLayoutAttributeRight
multiplier:1
constant:10]];


//添加一个限制  等效于 bView.frame.origin.x  = (aView.frame.origin.x +aView.frame.size.width)  * 1  +
10,好像是这样的！个人觉得！

它是一种依赖关系，bView依赖aView，这样就算aView变了，bView也会跟着变换。

[self.view addConstraint:
[NSLayoutConstraint constraintWithItem:bView
attribute:NSLayoutAttributeTop
relatedBy:NSLayoutRelationEqual
toItem:aView
attribute:NSLayoutAttributeTop
multiplier:1
constant:0]];

[aView release];
[bView release];
}


原文：http://m.blog.csdn.net/blog/u014014449/37655717
                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航