使用masonry手写约束
在iOS开发过程中,手写contraints是非常痛苦的一件事情,往往那么一丢丢功能要写大量的代码,非常容易发生错误,并且非常不方便调试。所以只有在不得以的情况下才采用手工方式写contraints,一般都在Storyboard中完成,但Storyboard也是一个坑爹的东东,特别是在SVN协作工作时各种问题不甚其烦;但是后来知道了Masonry,体验了一段时间,非常好用,自此很少再使用storyboard写UI了。
安装Masonry
安装使用Masonry的方式不止一种,但比较推荐的方式是使用CocoaPods来管理,具体的做法是在Podfile中添加一句pod 'Masonry'
,当然也可以指定版本:pod 'Masonry', '~> 0.6.1'
;对于Masonry这种第三方库,可能在任何页面中都会涉及到,所以最好在prefix pch文件中添加#import "Masonry.h"
,默认情况下,Masonry中的相关资源都有mas前缀,譬如mas_makeConstraints方法、mas_left属性等等,如果不想使用mas前缀,则可以在#import "Masonry.h"
之前可以先定义一个宏#define MAS_SHORTHAND
,但不推荐这样做,因为mas_left比left更不容易与其他的资源名称冲突。
Masonry常用技巧
同一行等比例显示多个view
UIView *redView = ({
UIView *view = [[UIView alloc] init];
view.backgroundColor = [UIColor redColor];
view;
});
[self.view addSubview:redView]; UIView *yellowView = ({
UIView *view = [[UIView alloc] init];
view.backgroundColor = [UIColor yellowColor];
view;
});
[self.view addSubview:yellowView]; UIEdgeInsets viewInsets = UIEdgeInsetsMake(, , , ); [redView mas_makeConstraints:^(MASConstraintMaker *make) {
UIView *superView = self.view;
make.left.equalTo(superView).insets(viewInsets);
make.right.equalTo(yellowView.mas_left).offset(-);
make.top.equalTo(superView).insets(viewInsets);
make.width.equalTo(yellowView.mas_width).offset();
make.height.equalTo(@);
}]; [yellowView mas_makeConstraints:^(MASConstraintMaker *make) {
UIView *superView = self.view;
make.right.equalTo(superView).insets(viewInsets);
make.left.equalTo(redView.mas_right).offset();
make.top.equalTo(superView).insets(viewInsets);
make.width.equalTo(redView.mas_width).offset();
make.height.equalTo(@);
}];
效果如下:
使用masonry手写约束的更多相关文章
- 手写代码自动实现自动布局,即Auto Layout的使用
手写代码自动实现自动布局,即Auto Layout的使用,有需要的朋友可以参考下. 这里要注意几点: 对子视图的约束,若是基于父视图,要通过父视图去添加约束. 对子视图进行自动布局调整,首先对UIVi ...
- 【OpenCV】opencv3.0中的SVM训练 mnist 手写字体识别
前言: SVM(支持向量机)一种训练分类器的学习方法 mnist 是一个手写字体图像数据库,训练样本有60000个,测试样本有10000个 LibSVM 一个常用的SVM框架 OpenCV3.0 中的 ...
- 【Xamarin挖墙脚系列:代码手写UI,xib和StoryBoard间的博弈,以及Interface Builder的一些小技巧(转)】
正愁如何选择构建项目中的视图呢,现在官方推荐画板 Storybord...但是好像 xib貌似更胜一筹.以前的老棒子总喜欢装吊,用代码写....用代码堆一个HTML页面不知道你们尝试过没有.等页面做出 ...
- Atitit s2018.2 s2 doc list on home ntpc.docx \Atiitt uke制度体系 法律 法规 规章 条例 国王诏书.docx \Atiitt 手写文字识别 讯飞科大 语音云.docx \Atitit 代码托管与虚拟主机.docx \Atitit 企业文化 每日心灵 鸡汤 值班 发布.docx \Atitit 几大研发体系对比 Stage-Gat
Atitit s2018.2 s2 doc list on home ntpc.docx \Atiitt uke制度体系 法律 法规 规章 条例 国王诏书.docx \Atiitt 手写文字识别 ...
- 代码手写UI,xib和StoryBoard间的博弈,以及Interface Builder的一些小技巧
近期接触了几个刚入门的iOS学习者,他们之中存在一个普遍和困惑和疑问.就是应该怎样制作UI界面.iOS应用是非常重视用户体验的,能够说绝大多数的应用成功与否与交互设计以及UI是否美丽易用有着非常大的关 ...
- 算法是什么(二)手写个链表(java)
算法是什么(二)手写个链表(java) liuyuhang原创,未经允许禁止转载 目录 算法是什么(〇) 很多语言的API中都提供了链表实现,或者扩展库中实现了链表. 但是更多的情况下,Map(或 ...
- SQL纯手写创建数据库到表内内容
建表啥的只点点鼠标,太外行了,不如来看看我的纯手写,让表从无到有一系列:还有存储过程临时表,不间断的重排序: 一:建数据库 create Database Show on primary ( name ...
- C基础 带你手写 redis adlist 双向链表
引言 - 导航栏目 有些朋友可能对 redis 充满着数不尽的求知欲, 也许是 redis 属于工作, 交流(面试)的大头戏, 不得不 ... 而自己当下对于 redis 只是停留在会用层面, 细节层 ...
- 10分钟教你用python 30行代码搞定简单手写识别!
欲直接下载代码文件,关注我们的公众号哦!查看历史消息即可! 手写笔记还是电子笔记好呢? 毕业季刚结束,眼瞅着2018级小萌新马上就要来了,老腊肉小编为了咱学弟学妹们的学习,绞尽脑汁准备编一套大学秘籍, ...
随机推荐
- 词法分析器 /c++实现
#include<iostream> #include<string> #include<vector> #include<map> #include& ...
- sgu 102模拟欧拉函数
感觉自己弱爆了,做做SGU吧... #include<iostream> #include<cmath> //欧拉函数 using namespace std; int eul ...
- python学习之-requests模块基础
安装版本:2.18 模块导入:import requests l 发送请求 发送GET请求: 获取GITHUB的公共时间线 r = requests.get(url='https://api.git ...
- hg下拉和上传代码
1.从代码仓库克隆源代码:$ mkdir bzrobot_ws$ cd bzrobot_ws$ hg clone http://192.168.15.88/hg/bzrobot_src src$ ca ...
- LCD1602和LCD12864
1602 字符型(字符型的模组) 只能显示数字与字符,不可以显示汉字 12864 点阵型(图形型的模组) 可根据需求任意显示字符 数字 汉字 图形 1602 为16字乘2行12864 为128列点阵乘 ...
- javafx中多场景的切换
0.前言 前段时间在做javafx的应用程序,遇到一些坑.以本文记录之.(如有更好的解决办法欢迎评论,本人小白,轻喷) 1.问题 按照官方的中文文档,成功的运行了单一界面的表单登录.于是想自己试试多界 ...
- Xcode not building app with changes incorporated
Did you clean the build folder by pressing command while the cursor is on the clean option? Are you ...
- 国内90%以上的 iOS 开发者,对 APNs 的认识都是错的
转:http://toutiao.com/a6276578687162040578/?tt_from=weixin&utm_campaign=client_share&app=news ...
- Version和Build的差别
[1]概念 iOS的版本号号.一个叫做Version,一个叫做Build,这两个值都能够在Xcode 中选中target,点击"Summary"后看到. Version在plist ...
- antd 如何让 Row 中的 Col 自动换行?
1.解决方案 在需要换行处,设置一个空的 Col // 空白(特殊情况处理) const empty = ( <Col md={6} sm={24}></Col> ); .