zoukankan      html  css  js  c++  java
  • IOS开发之自动布局--VFL语言

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

    1、什么是VFL语言

      VFL全称是Visual Format Language,翻译过来是“可视化格式语言”。

      

    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

        

      代码实现:

        

        源码百度云下载链接: http://pan.baidu.com/s/1eS13VAa 密码: qf1u

      展示效果(直接旋转为横屏):

        

      注意编码的事项:

        

        

     转载注明出处:http://www.cnblogs.com/goodboy-heyang/p/5359857.html ,尊重劳动成果。

  • 相关阅读:
    leetcode[45]Jump Game II
    leetcode[46]Permutations
    leetcode[47]Permutations II
    leetcode[48]Rotate Image
    手把手一起玩perl安装
    List the Modules in Your System
    oracle之recyclebin
    10g 11g新特性
    RMAN相关操作命令
    手把手一起安装RAC+DataGuard
  • 原文地址:https://www.cnblogs.com/goodboy-heyang/p/5359857.html
Copyright © 2011-2022 走看看