美文网首页
Masonry的使用之利用子视图撑起父视图

Masonry的使用之利用子视图撑起父视图

作者: 梁森的简书 | 来源:发表于2018-05-31 11:05 被阅读1114次

    之前的一篇文章(https://www.jianshu.com/p/9563f5b646d9)讲过使用Masonry布局让Cell的高度实现自适应,其实这就是通过子视图撑起了父视图Cell的高度。今天再通过简单的代码来看下子视图如何通过Masonry的布局来撑起父视图的(让父视图的大小实现自适应)。

    代码:

    子视图撑起父视图

    可复制代码:

    UIView* superView = [[UIViewalloc]init];

        [self.viewaddSubview:superView];

       UIView* subView = [[UIViewalloc]init];

        [superViewaddSubview:subView];

       superView.backgroundColor = [UIColor greenColor];

        subView.backgroundColor = [UIColor yellowColor];

       [superViewmas_makeConstraints:^(MASConstraintMaker *make) {

            make.left.equalTo(self.view.mas_left).offset(100);

            make.top.equalTo(self.view.mas_top).offset(100);

        }];

        [subViewmas_makeConstraints:^(MASConstraintMaker *make) {

            make.left.equalTo(superView.mas_left).offset(10);

            make.top.equalTo(superView.mas_top).offset(10);

            make.right.equalTo(superView.mas_right).offset(-10);

            make.bottom.equalTo(superView.mas_bottom).offset(-10);

            make.width.height.equalTo(@(100));

        }];

    效果图:

    效果图

    开发中应用:

    效果图:

    对于这样的高度根据文字内容变化的视图我们就能很好地实现了。

    demo地址:https://gitee.com/liangsenliangsen/Masonry_subAndSup.git

    本篇文章到这里就结束了,愿大家加班不多工资多,男同胞都有女朋友,女同胞都有男朋友。😊

    相关文章

      网友评论

          本文标题:Masonry的使用之利用子视图撑起父视图

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