你的位置:首页 > 操作系统

[操作系统]IOS开发之自动布局

前言:VFL是苹果公司为了简化Autolayout的编码而推出的抽象语言。对于纯代码发烧友,值得我们去学习和了解哦。

 

 

1、什么是VFL语言

  VFL是苹果公司为了简化Autolayout的编码而推出的抽象语言。

  

2、VFL使用示例:

  H:[cancelButton(72)]-12-[acceptButton(50)]
  canelButton宽72,acceptButton宽50,它们之间间距12  H:[wideView(>=60@700)]
  wideView宽度大于等于60point,该约束条件优先级为700(优先级最大值为1000,优先级越高的约束越先被满足)  V:[redBox][yellowBox(==redBox)]
  竖直方向上,先有一个redBox,其下方紧接一个高度等于redBox高度的yellowBox  H:|-10-[Find]-[FindNext]-[FindField(>=20)]-|
  水平方向上,Find距离父view左边缘默认间隔宽度,之后是FindNext距离Find间隔默认宽度;

  再之后是宽度不小于20的FindField,它和FindNext以及父view右边缘的间距都是默认宽度。(竖线“|” 表示superview的边缘)

3、VFL的使用:

  使用VFL来创建约束数组
    + (NSArray *)constraintsWithVisualFormat:(NSString *)format options:(NSLayoutFormatOptions)opts metrics:(NSDictionary *)metrics views:(NSDictionary *)views;
      format :VFL语句
      opts :约束类型
      metrics :VFL语句中用到的具体数值
      views :VFL语句中用到的控件  创建一个字典(内部包含VFL语句中用到的控件)的快捷宏定义
    NSDictionaryOfVariableBindings(...)
    关于这个的使用下面展示个示例:

    

 

4、VFL的代码练习示例:

  需求:我们需要实现以下的效果。

    在控制器view底部添加2个view,1个蓝色,1个红色
    2个view宽度、高度永远相等,高度等于50
    距离父控件左边、右边、下边间距和2个view之间的间距相等,等于30