关于SDAutoLayout的使用心得
2016-04-13 本文已影响7433人
style_施
导入头文件这些事情我就不再一一细说了直奔要点!!
图上所示 现在我要讲的就是这种形式的cell的布局UIImageView *view0 = [UIImageView new];//创建头像
UILabel *view1 = [UILabel new];//用户名
UILabel *view2 = [UILabel new];//内容
UILabel *view3 = [UILabel new];//创建时间
UIImageView *view4 = [UIImageView new];//创建图片
_view0 = view0;
_view1 = view1;
_view2 = view2;
_view3 = view3;
//把控件添加到contentView上
[self.contentView addSubview:view0];
[self.contentView addSubview:view1];
[self.contentView addSubview:view2];
[self.contentView addSubview:view3];
[self.contentView addSubview:view4];
在contentView进行布局
//头像
_view0.sd_layout
.widthIs(60) //设置它的宽度
.heightIs(60) //设置它的高度
.topSpaceToView(self.contentView, 10) //距上10
.leftSpaceToView(self.contentView, 10); //距左边10
//用户名
_view1.sd_layout
.topEqualToView(_view0) //和头像平行
.leftSpaceToView(_view0, 10) //与头像相距10
.rightSpaceToView(self.contentView, 10) //距离右边10
.heightRatioToView(_view0, 0.4); // 与view0的高度之比为0.4
_view2.sd_layout
.topSpaceToView(_view1, 10) //距离view1的距离为10
.rightSpaceToView(self.contentView, 10) //距离右边边距10
.leftEqualToView(_view1) //与view1左对齐
.autoHeightRatio(0); // 0 表示自适应高度
_view4.sd_layout
.widthIs(100) //宽度为100
.leftEqualToView(_view2); //与view2左对齐
_view3.sd_layout
.topSpaceToView(_view4, 10) //距view4 上10
.rightSpaceToView(self.contentView, 10) //距右边距10
.widthIs(300) //宽度300
.autoHeightRatio(0); //自适应高度
以上我把大体的设计距离的用法都介绍了,想要实现控件的布置最好在纸上设置下 然后在用代码来实现!!!
后面我附上SDAutoLayout的代码!!!
**SDAutoLayout(一行代码搞定自动布局!) **
github地址 https://github.com/gsdios/SDAutoLayout
QQ交流群:497140713 519489682(新开)
SDAutoLayout
基础版视频教程:http://www.letv.com/ptv/vplay/24038772.html
进阶版视频教程:http://www.letv.com/ptv/vplay/24381390.html
原理简介视频教程:http://www.iqiyi.com/w_19rt0tec4p.html