iOS AutoLayout 自动布局

原文出自 http://www.cnblogs.com/warrior/p/3630372.html

感谢原创作者


iOS自动布局


参考资料
https://developer.apple.com/library/mac/documentation/UserExperience/Conceptual/AutolayoutPG/VisualFormatLanguage/VisualFormatLanguage.html#//apple_ref/doc/uid/TP40010853-CH3
https://developer.apple.com/library/ios/technotes/tn2154/_index.html
https://developer.apple.com/library/mac/documentation/AppKit/Reference/NSLayoutConstraint_Class/NSLayoutConstraint/NSLayoutConstraint.html
开源项目Masonry旨在让自动布局(Auto Layout)的代码更简洁、可读性更强,下面是它的地址,个人认为在开发过程中使用Masonry可以是代码更加友好
https://github.com/cloudkite/Masonry
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
- ( void )viewDidLoad
{
     [ super  viewDidLoad];
     
     [ self  addNavigationBar:FEEDBACK_VIEW_CONTROLLER];
 
     UILabel *note = [[UILabel alloc] init];
     [note setText:@ "欢迎提出宝贵意见!您留下的每一份心意都将浇灌母婴宝的茁壮成长。" ];
     [note setLineBreakMode: NSLineBreakByWordWrapping ];
     note.numberOfLines = 0;
     [ self .view addSubview:note];
     
     //将自适应向布局约束的转化关掉(根据情况有时需要有时不需要)
     [note setTranslatesAutoresizingMaskIntoConstraints: NO ];
     
     [ self .view addConstraint:[ NSLayoutConstraint  constraintWithItem:note
                                                           attribute: NSLayoutAttributeTop
                                                           relatedBy: NSLayoutRelationEqual
                                                              toItem:navBar
                                                           attribute: NSLayoutAttributeBottom
                                                          multiplier:1.0
                                                            constant:10]];
     
     [ self .view addConstraint:[ NSLayoutConstraint  constraintWithItem:note
                                                           attribute: NSLayoutAttributeLeft
                                                           relatedBy: NSLayoutRelationEqual
                                                              toItem: self .view
                                                           attribute: NSLayoutAttributeLeft
                                                          multiplier:1.0
                                                            constant:10]];
     [ self .view addConstraint:[ NSLayoutConstraint  constraintWithItem:note
                                                           attribute: NSLayoutAttributeRight
                                                           relatedBy: NSLayoutRelationEqual
                                                              toItem: self .view
                                                           attribute: NSLayoutAttributeRight
                                                          multiplier:1.0
                                                            constant:-10]];
     UITextView *tfContent = [[UITextView alloc] init];
     [tfContent setTranslatesAutoresizingMaskIntoConstraints: NO ];
     [tfContent setBackgroundColor:[UIColor whiteColor]];
     [tfContent setReturnKeyType:UIReturnKeyDone];
     [ self .view addSubview:tfContent];
     
     [ self .view addConstraint:[ NSLayoutConstraint  constraintWithItem:tfContent
                                                           attribute: NSLayoutAttributeTop
                                                           relatedBy: NSLayoutRelationEqual
                                                              toItem:note
                                                           attribute: NSLayoutAttributeBottom
                                                          multiplier:1.0
                                                            constant:10]];
     [ self .view addConstraint:[ NSLayoutConstraint  constraintWithItem:tfContent
                                                           attribute: NSLayoutAttributeLeft
                                                           relatedBy: NSLayoutRelationEqual
                                                              toItem: self .view
                                                           attribute: NSLayoutAttributeLeft
                                                          multiplier:1.0
                                                            constant:10]];
     [ self .view addConstraint:[ NSLayoutConstraint  constraintWithItem:tfContent
                                                           attribute: NSLayoutAttributeRight
                                                           relatedBy: NSLayoutRelationEqual
                                                              toItem: self .view
                                                           attribute: NSLayoutAttributeRight
                                                          multiplier:1.0
                                                            constant:-10]];
     [ self .view addConstraint:[ NSLayoutConstraint  constraintWithItem:tfContent
                                                           attribute: NSLayoutAttributeHeight
                                                           relatedBy: NSLayoutRelationEqual
                                                              toItem: nil
                                                           attribute: NSLayoutAttributeNotAnAttribute
                                                          multiplier:1.0
                                                            constant:100]];
     
     
     UITextField *tfEmail = [UITextField  new ];
     [tfEmail setTranslatesAutoresizingMaskIntoConstraints: NO ];
     [tfEmail setBackgroundColor:[UIColor whiteColor]];
     [tfEmail setClearButtonMode:UITextFieldViewModeAlways];
     [tfEmail setReturnKeyType:UIReturnKeyDone];
     [tfEmail setPlaceholder:@ "请输入邮箱,以便我们联系你!" ];
     [ self .view addSubview:tfEmail];
     
     [ self .view addConstraint:[ NSLayoutConstraint  constraintWithItem:tfEmail
                                                           attribute: NSLayoutAttributeTop
                                                           relatedBy: NSLayoutRelationEqual
                                                              toItem:tfContent
                                                           attribute: NSLayoutAttributeBottom
                                                          multiplier:1.0
                                                            constant:10]];
     [ self .view addConstraint:[ NSLayoutConstraint  constraintWithItem:tfEmail
                                                           attribute: NSLayoutAttributeLeft
                                                           relatedBy: NSLayoutRelationEqual
                                                              toItem: self .view
                                                           attribute: NSLayoutAttributeLeft
                                                          multiplier:1.0
                                                            constant:10]];
     [ self .view addConstraint:[ NSLayoutConstraint  constraintWithItem:tfEmail
                                                           attribute: NSLayoutAttributeRight
                                                           relatedBy: NSLayoutRelationEqual
                                                              toItem: self .view
                                                           attribute: NSLayoutAttributeRight
                                                          multiplier:1.0
                                                            constant:-10]];
     [ self .view addConstraint:[ NSLayoutConstraint  constraintWithItem:tfEmail
                                                           attribute: NSLayoutAttributeHeight
                                                           relatedBy: NSLayoutRelationEqual
                                                              toItem: nil
                                                           attribute: NSLayoutAttributeNotAnAttribute
                                                          multiplier:1.0
                                                            constant:35]];
 
     UIButton *btnSubmit = [[UIButton alloc] init];
     [btnSubmit setTranslatesAutoresizingMaskIntoConstraints: NO ];
     [btnSubmit setTitle:STRING_COMMON_SUBMIT forState:UIControlStateNormal];
     [btnSubmit setBackgroundImage:[UIImage imageNamed:@ "bg_red_orange" ] forState:UIControlStateNormal];
     [btnSubmit setBackgroundImage:[UIImage imageNamed:@ "bg_red" ] forState:UIControlStateHighlighted];
     [ self .view addSubview:btnSubmit];
     
     NSMutableArray  *tmpConstraints = [ NSMutableArray  array];
     
     [tmpConstraints addObjectsFromArray:[ NSLayoutConstraint  constraintsWithVisualFormat:@ "V:[tfEmail]-10-[btnSubmit(==35)]"  options:0 metrics: nil  views: NSDictionaryOfVariableBindings (tfEmail,btnSubmit)]];
     [tmpConstraints addObjectsFromArray:[ NSLayoutConstraint  constraintsWithVisualFormat:@ "H:|-10-[btnSubmit]-10-|"  options:0 metrics: nil  views: NSDictionaryOfVariableBindings (btnSubmit)]];
     [ self .view addConstraints:tmpConstraints];
     
}

  iOS AutoLayout 自动布局_第1张图片


你可能感兴趣的:(iOS AutoLayout 自动布局)