AutoLayout 自动布局的xib 与代码实现.docx

AutoLayout 自动布局的xib 与代码实现问题由来：我接到任务要做友盟的反馈的自定义聊天界面，然后我在导师的带领下我选择尝试使用新的的autoLayout的方式来实现，而不是传统的使用frame布局1.名词认识AutoLayout: iOS 上的自动布局；可以用于实现不同屏幕的适配，并且横屏是界面的上控件位置的调整 - Constraint: 中文翻译：“约束” ，autoLayout 主用实现的元素。通过在控件跟控件之间添加约束,形成在界面显示时，控件之间使用约束来固定控件之间的距离关系。xib中的图形示例：代码中的示例： 第一种方法+ (NSArray *)constraintsWithVisualFormat:(NSString *)format options:(NSLayoutFormatOptions)opts metrics:(NSDictionary *)metrics views:(NSDictionary *)views;第二种方法+(instancetype)constraintWithItem:(id)view1 attribute:(NSLayoutAttribute)attr1 relatedBy:(NSLayoutRelation)relation toItem:(id)view2 attribute:(NSLayoutAttribute)attr2 multiplier:(CGFloat)multiplier constant:(CGFloat)c;建议 :一开始使用第二种代码方式添加约束2.使用注意如果是使用 代码添加 constraints 时需要添加一下代码 在使用自动布局之前要对子视图的布局方式进行调整，用到这个UIView的属性。 -(BOOL)translatesAutoresizingMaskIntoConstraints NS_AVAILABLE_IOS(6_0); // Default YES需要将其设置为NO3.应用过程1.创建在xib中的创建可以是添加约束的方法可以是在 document profile 中按住 Command + 鼠标右键按住你想添加约束的控件，之后连向你的目标控件document profile !左边的文件树是我们按住拉动的对象或者在右下角选中第二项进行修改2. 修改constraint 的值直接选中后 在进入Attributes inspector选项卡 进行修改2.通过选中控件，可以查看控件上的所有相关Constraint约束