IOS AutoLayout 代码实现约束—VFL

最新推荐文章于 2025-09-12 14:21:37 发布

转载最新推荐文章于 2025-09-12 14:21:37 发布 · 48 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/FightingLuoYin/p/4355954.html

文章标签：

#ui

本文介绍了iOS开发中AutoLayout的两种添加约束方法，并重点讲解了视觉格式语言(VFL)的使用技巧，包括描述性语言的构成元素及实际应用场景。

在autolayout下，尽管使用IB来拖放控件，但仍然避免不了用代码来创建控件，这是约束需要代码来实现。

IOS 提供了两种添加约束的方法

第一种：

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

第二种：

+ (NSArray *)constraintsWithVisualFormat:(NSString *)format options:(NSLayoutFormatOptions)opts metrics:(NSDictionary *)metrics views:(NSDictionary *)views;

第一种方法返回的是一个约束对象，也就是一条约束。看参数也比较好理解，就是在view1与view2之间设定一条约束，但往往一个控件需要好几条约束来约束，加上如此长的方法，所以导致一个控件就需要大量的代码来实现约束。

第二种方法返回的是array，包含的是一组约束，所以一般一个控件，调用两次第二种方法就能实现约束。所以这种方法更加的简洁，但是这种方法用到的是一种描述性语言，有点不好理解，下面就来简单介绍下第二种方法的用法。

先对这些参数进行说明：

（NSDictionary*）views：表示这组约束所涉及到的相关子view，比如一个界面上有 A、B两个控件，这组约束涉及到了这两个控件，那么就以字典类型将A、B控件设为参数views，可以用NSDictionaryOfVariableBindings(A, B) 等效于 [NSDictionary dictionaryWithObjectsAndKeys:A @“A”, B, @“B'', nil];

（NSDictionary*）metrics：对于一些特定的宽、高，我们可以直接存放在字典中，这样在描述性语言中就可以直接用键来描述宽高。如：

NSDictionary *metrics = @{@"buttonWidth":@200.0};

(NSLayoutFormatOptions) opts:见枚举类型，解释部分。

常用的就这些：

NSLayoutFormatAlignAllLeft//控件之间左对齐

NSLayoutFormatAlignAllRight//控件之间右对齐

NSLayoutFormatAlignAllTop//...上对齐

NSLayoutFormatAlignAllBottom//...下对齐

NSLayoutFormatAlignAllLeading // 使所有视图根据当前区域文字开始的边缘对齐（英语：左边，希伯来语：右边）

NSLayoutFormatAlignAllTrailing // 使所有视图根据当前区域文字结束的边缘对齐（英语：右边，希伯来语：左边）。

NSLayoutFormatAlignAllCenterX // 使所有视图通过设置中心点的 X 值彼此相等来对齐。

(NSString*)format 这就是核心VFL语句了,举例说明(H表示水平方向，V表示垂直方向)