iOS开发codeER.teciOS第三方库与框架

关于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

上一篇 下一篇

猜你喜欢

热点阅读