关于SDAutoLayout的使用心得

作者: style_施 | 来源:发表于2016-04-13 11:22 被阅读7433次

    导入头文件这些事情我就不再一一细说了直奔要点!!

    图上所示 现在我要讲的就是这种形式的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

    相关文章

      网友评论

      • b0cf03724cef:你好!sdautolayout 能约束循环创建的控件么?
        SHERMAN桑:可以
      • 7696d2968875:QQ群怎么加不进去,设置self.accessoryType = UITableViewCellAccessoryDisclosureIndicator这个属性之后,约束的布局就不对了,知道是什么问题吗?
      • Sparkle_S: _view4.sd_layout
        .widthIs(100) //宽度为100
        .leftEqualToView(_view2); //与view2左对齐
        这段代码,为什么不用顶部和高度呀?
        style_施:方法多样,只要能实现你所需的效果即可!
      • 惹人:很好,受用了

      本文标题:关于SDAutoLayout的使用心得

      本文链接:https://www.haomeiwen.com/subject/babwlttx.html