IOS开发之自动布局--VFL语言
2016-04-06 16:25
489 查看
前言: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 ,尊重劳动成果。
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 ,尊重劳动成果。
相关文章推荐
- iOS-提示框的正确实现方式(iOS9)
- 郑州iOS·點-毛玻璃效果
- iOS开发之XML简介及XML数据解析
- iOS框架整理
- iOS - 转场动画
- IOS 把格式化的字符串转换成字典类型 NSString 转换成 NSDictonary
- Xcode memory usage 不显示
- iOS聊天界面cell从下至上滚动
- IOS-TextField控件详解
- ios ffmpeg 编译
- iOS开发设置状态栏字体颜色
- 获取设备上的调试信息与崩溃日志分析
- ios开发中常用的函数和常数
- IOS ZipArchive
- iOS编码规范精简版-根据apple、google等规范总结而来
- iOS 本地缓存 归档数据模型化 .m
- IOS 自定义push和pop动画
- ios CocoaPods安装和使用
- 相机的授权 同样适用于扫一扫前的授权判断
- iOS 常用工具 加密规则