AutoLayout通过代码添加约束.docx

Auto Layout：通过代码添加约束 这里为Button与View之间的约束（视图之间的约束与此类同，具体不同请参考Auto Layout 入门：可视格式语言和/kf/201403/282699.html） 效果如图： ? 按cmd+- 使界面横屏。 ? 我们先创建第一个按钮，并把它放在界面的左上角。在viewController.m中创建如下实例变量 ? @implementationViewController? {? ??UIButton?*firstButton;? } 在viewDidLoad中创建这个按钮，并把它添加到view中 - (void)viewDidLoad? {? ? [superviewDidLoad]; ? ??firstButton?= [UIButtonbuttonWithType:UIButtonTypeRoundedRect]; ? [firstButton?setTitle:@FirstforState:UIControlStateNormal];? ? [firstButton?sizeToFit];? ??firstButton.translatesAutoresizingMaskIntoConstraints?=?NO; ? ? [self.view?addSubview:firstButton]; } 设置translatesAutoresizingMaskIntoConstraints属性为NO，用来禁止AutoresizingMask转换成AutoLayout,简单来说,Autoresizing和AutoLayout用的不是一套东西,但是默认情况下是相互转换的,这里我们要指定使用AutoLayout系统,所以要禁止自动转换。这个属性是为了向后兼容。我们将添加一个左边约束，于是这个按钮会在view中移动20个点。把下面的代码添加到viewDidLoad下面。 ? NSLayoutConstraint?*constraint?= [NSLayoutConstraint?constraintWithItem:firstButton?attribute:NSLayoutAttributeLeading?relatedBy:NSLayoutRelationEqualtoItem:self.view?attribute:NSLayoutAttributeLeading?multiplier:1.0f?constant:20.f]; ? [self.view?addConstraint:constraint]; Auto Layout用一个公式来计算界面之间的关系： A = B * m + c 或者 viewA.attribute = viewB.attributs*multiplier + constant 在这个例子中公式如下： ? firstButton.NSLayoutAttributeLeading = self.view.NSLayoutAtrributeLeading * 1.0f + 20f 按钮左边的位置等于父视图左边距减掉20. 把下面的约束添加到viewDidLoad里 constraint?=[NSLayoutConstraint?constraintWithItem:firstButton?attribute:NSLayoutAttributeTop?relatedBy:NSLayoutRelationEqualtoItem:self.view?attribute:NSLayoutAttributeTop?multiplier:1.0f?constant:30.f]; [self.view?addConstraint:constraint]; 该约束将会使按钮距离父视图上面30个点。Build and Run。这个按钮距离左边20个点，上面30个点 ? 按 cmd+- 使界面横屏。 ? 在interface中创建一个新的实例变量 ? UIButton?*secondButton; 在viewDidLoad中添加下面的代码，在view中添加第二个按钮。 ? secondButton?= [UIButton?buttonWithType:UIButtonTypeRoundedRect]; [secondButton?setTitle:@SecondforState:UIControlStateNormal];? [secondButton?sizeToFit];? secondButton.translatesAutoresizingMaskIntoConstraints?=NO; ? [self.view?addSubview:secondButton]; 这个