• 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 ,尊重劳动成果。

  • 相关阅读:
    centos同步北京时间
    django-migrate一败再败
    Mac-无法进入mysql,你这样做就对了
    celery beat
    devops--django+ldap
    本地终端连接到远程服务器
    Mac--ModuleNotFoundError: No module named 'magic'
    一站式解决Mac--socket.gaierror: [Errno 8] nodename nor servname provided, or not known
    docker--常用指令
    Mac--管理mysql、redis服务的常用命令
  • 原文地址:https://www.cnblogs.com/goodboy-heyang/p/5359857.html
Copyright © 2020-2023  润新知