【约束优先级问题二】动态高度cell

allanGold

已于 2022-01-29 18:00:02 修改

阅读量1.7k

点赞数

分类专栏：约束、布局、flex布局、flex布局文章标签： ios ui

于 2022-01-29 17:57:03 首次发布

本文链接：https://blog.csdn.net/allanGold/article/details/122745806

版权

约束、布局、flex布局、flex布局专栏收录该内容

12 篇文章 0 订阅

订阅专栏

效果图：

注意：estimatedRowHeight

rowheight = UITableViewAutomaticDimension

#pragma mark - lazy
-(UITableView *)tableView{
    if(!_tableView){
        _tableView = [[UITableView alloc] initWithFrame:CGRectMake(0, 0, [UIScreen mainScreen].bounds.size.width, [UIScreen mainScreen].bounds.size.height) style:UITableViewStylePlain];
        _tableView.delegate = self;
        _tableView.dataSource = self;
        _tableView.estimatedRowHeight = 250;//预估高度
        _tableView.rowHeight = UITableViewAutomaticDimension;
    }
    return _tableView;
}

DemoCell


@property (weak, nonatomic) IBOutlet UIImageView *iconView;//图像
@property (weak, nonatomic) IBOutlet UILabel *nameLab;//名字
@property (weak, nonatomic) IBOutlet UILabel *timeLab;//时间
@property (weak, nonatomic) IBOutlet UILabel *titleLab;//标题
@property (weak, nonatomic) IBOutlet UILabel *contentLab;//内容
@property (weak, nonatomic) IBOutlet UILabel *commentLab;//评论数
@property (weak, nonatomic) IBOutlet UILabel *praiseLab;//点赞数

并添加如下约束

图像-iconView约束:上15,左15,高30,宽高比1:1 

名字-nameLab约束:上下均对其iconView,左5, 并设置横向抗压缩优先级为749即Content Compression Resistance Priority - Horizontal:749

时间-timeLab约束:上下均对齐iconView,左5, 并设置横向抗拉伸优先级为250即Content Hugging Priority - Horizontal:250

关注按钮约束:上下均对齐iconView,右15,宽度50,左5

标题-titleLab约束:左15,上15,右15,

内容-contentLab约束:左15,上15,右15,并设置并设置纵向抗拉伸优先级为250即Content Hugging Priority - Vertical:250

三张图约束:上15,左15,右15,中间间隙5,高度65,并设置三张图等宽,

评论数-commentLab约束:上15,左15,下15,

点赞数-praiseLab约束:上下对齐commentLab,左5,右边15,并设置横向抗拉伸优先级为250即Content Hugging Priority - Horizontal:250

测试数据

{
    "status" : 200,
    "message" : "",
    "data" : [
              {
              "brief" : "我觉得手机摄影要高大上，挖掘自己喜欢的题材非常重要。不要去模仿知乎或者instagram上热门的题材和风格，觉得一定要带点胶片的褪色感，一定要拍出对称的结构或者华丽的光影才高大上。手机摄影的潜力是巨大的，但你首先要忠于自己的感受?一味地模仿会限制你自己的感知力和创造力，最终风格固化，题材单一，失去激情，这比照片一时半会儿看起来low一点，更要命",
              "update_time" : "2017-07-20",
              "id" : "176",
              "title" : "手机摄影如何拍出高大上的感觉,老是想拍出那种感觉,但是往往就是效果不够好,有什么建议？",
              "images":["https://p3-search.byteimg.com/img/pgc-image/8913fbd95d6c4dda8b1abe600433fdab~tplv-26tn0yjwph-cspd-v1:276:184.jpeg","https://p3-search.byteimg.com/img/pgc-image/d35317535b33421bb7bef097aea4e80b~tplv-26tn0yjwph-cspd-v1:276:184.jpeg","https://p3-search.byteimg.com/img/pgc-image/35bb0c4449824a418ed8d179f4bcc803~tplv-26tn0yjwph-cspd-v1:276:184.jpeg"],
              "cate_name" : "数码",
              "icon" : "http://p3.pstatp.com/thumb/24980004368bcd3e07ba",
              "praise" : "206",
              "comment":"1003",
              "name":"我爱宅基地很犀利的基地9527"
              },
              {
              "brief" : "这款手机已经完全失去了性价比，一个满血的960在gpu和基带方面都和820有差距，别说是残血的了，2999这个价位可以选的骁龙652 653的现货手机一大把一大把，颜值未必比荣耀差",
              "update_time" : "2017-01-14",
              "id" : "567",
              "title" : "今天荣耀v9又被秒空了，但是黄牛却抢到了，那么是不是黄牛会囤货到下半年？",
              "images":["https://p3-search.byteimg.com/img/pgc-image/ba4e0892705c43119c7699f2130d7006~tplv-26tn0yjwph-cspd-v1:276:184.jpeg"],
              "cate_name" : "数码",
              "icon" : "http://p3.pstatp.com/thumb/97d000b5359c303705e",
              "praise" : "1234",
              "comment":"7683",
              "name":"搞机新视角"
              },
              {
              "brief" : "自己是07年接触森海这个品牌，因为接触这个牌子，也知道产业内比较有口碑的品牌也就是森海，AKG,BOSE，铁三角，索大好，拜亚动力，舒尔，国产的话算有漫步者和硕美科（硕美科感觉听音乐不咋地，玩游戏还可以）吧。漫步者和硕美科不太熟不说，国外的这几个品牌各个价位的产品都有，为什么好多“专业”推荐耳机的文章都避开这些品牌，然后又说那些耳机效果是怎么怎么的好？",
              "update_time" : "2017-01-14",
              "id" : "145",
              "title" : "为什么推荐耳机的文章很少推荐森海,铁三角,索尼这几个牌子？",
              "images":["https://p3-search.byteimg.com/img/pgc-image/c379935a1eef4850b3fe1338e69ce82a~tplv-26tn0yjwph-cspd-v1:276:184.jpeg","https://p3-search.byteimg.com/img/pgc-image/cf3f0b42db264f4dad2477de27b1040d~tplv-26tn0yjwph-cspd-v1:276:184.jpeg","https://p3-search.byteimg.com/img/pgc-image/558f23ea022348058862719e721be7b4~tplv-26tn0yjwph-cspd-v1:276:184.jpeg"],
              "cate_name" : "数码",
              "icon" : "http://p9.pstatp.com/thumb/1bf40002619fed1affcc",
              "praise" : "1234",
              "comment":"7683",
              "name":"就是那片海就是屋前的那片海"
              },
              {
              "brief" : "格力年终奖手机发放之后，有网友发现在二手电商平台当中出现了多台仅售17XX元的格力手机二代，这个价格还不到官方售价（3599元）的一半！格力电器董明珠对于手机贱卖一事格外看重，董明珠在格力内部发声称“要让这么做的员工再花高价把手机买回来”。？",
              "update_time" : "2017-01-14",
              "id" : "145",
              "title" : "董明珠称要让员工高价赎回闲鱼“贱卖”的格力手机，这事儿你怎么看？？",
              "images":["https://p3-search.byteimg.com/img/tos-cn-i-qvj2lq49k0/bd65ca68f1ea4a53a59bb637f6c80986~tplv-26tn0yjwph-cspd-v1:276:184.jpeg","https://p3-search.byteimg.com/img/tos-cn-i-qvj2lq49k0/36ac491ae17d4db1ae093f933aa46d2d~tplv-26tn0yjwph-cspd-v1:276:184.jpeg"],
              "cate_name" : "数码",
              "icon" : "http://p3.pstatp.com/thumb/135300136d077ba655b4",
              "praise" : "1234",
              "comment":"7683",
              "name":"往事如意爱迪生"
              },
              {
              "brief" : "如何用手机把在线视频连到电视上，其实很简单，慢慢看。前提是你用的是智能互联网电视。一般互联网电视上都会装有视频APP，比如说泰捷视频，VST全聚合等资源丰富的电视视频应用？",
              "update_time" : "2017-09-23",
              "id" : "1423",
              "title" : "怎么用手机把在线视频连到电视上看？",
              "images":["https://p3-search.byteimg.com/img/pgc-image/SiJ5dIUFdebdQN~tplv-26tn0yjwph-cspd-v1:276:184.jpeg","https://p3-search.byteimg.com/img/pgc-image/SiJ5dJS88OxMkS~tplv-26tn0yjwph-cspd-v1:276:184.jpeg","https://p3-search.byteimg.com/img/pgc-image/SiJ5dKKEtFMEjP~tplv-26tn0yjwph-cspd-v1:276:184.jpeg"],
              "cate_name" : "数码",
              "icon" : "http://p1.pstatp.com/thumb/46f10001712ad996d699",
              "praise" : "2637",
              "comment":"567",
              "name":"村东一枝花"
              },
              {
              "brief" : "本人同时有移动联通电信的号码，移动是浙江的号码，现在离开那里了，舍不得换，回来老家办理了电信宽带套餐169的，宽带电话一起用，联通是在支付宝上办理的蚂蚁宝卡，今天刚收到，还没有使用！",
              "update_time" : "2017-09-23",
              "id" : "1433",
              "title" : "同时拥有移动、联通、电信号码是什么体验？",
              "images":["https://p3-search.byteimg.com/img/pgc-image/db73b3eab5ff404fa5cf8107aaf43db8~tplv-26tn0yjwph-cspd-v1:276:184.jpeg"],
              "cate_name" : "数码",
              "icon" : "http://p3.pstatp.com/thumb/3e780008bb5e7b9f0d1d",
              "praise" : "2637",
              "comment":"566",
              "name":"商联电子商务"
              },
              {
              "brief" : "你有没有这样的感觉，现在讲到国产讲到电器都是华为啊联想啊格力啊，但是我记得我家买的第一台冰箱明明是海尔啊。这些年海尔发展的怎么样啊？",
              "update_time" : "2017-09-23",
              "id" : "1433",
              "title" : "为什么现在总听到华为和格力，小时候的海尔干什么去了?",
              "images":["https://p3-search.byteimg.com/img/pgc-image/c3801aa57f604f5786dffcfabc6314b3~tplv-26tn0yjwph-cspd-v1:276:184.jpeg"],
              "cate_name" : "数码",
              "icon" : "http://p9.pstatp.com/thumb/3222/1284672452",
              "praise" : "2637",
              "comment":"566",
              "name":"海尔官方帐号"
              },
              {
              "brief" : "我注册了世纪佳缘，经常收到很多女生的私信，但是需要付费才能看，这些可以相信吗？",
              "update_time" : "2017-09-27",
              "id" : "1433",
              "title" : "我注册了世纪佳缘，经常收到很多女生的私信，但是需要付费才能看，这些可以相信吗？",
              "images":["https://p3-search.byteimg.com/img/pgc-image/cb985256796e401f9b91ceba5bbfb846~tplv-26tn0yjwph-cspd-v1:276:184.jpeg"],
              "cate_name" : "娱乐",
              "icon" : "http://p3.pstatp.com/thumb/2c5e0004aa2326ff3916",
              "praise" : "2637",
              "comment":"566",
              "name":"财智成功"
              },
              {
              "brief" : "11月22日，科大讯飞南京区域中心落户建邺，布局人工智能产业链 10月24日，创新工场宣布将南京创新工场首期注册资本增加至1000万元。 10月9日，雷军现身南京并宣布小米华东总部落户南京，而未来这里将成为小米手机研发的中心。 加上之前的阿里和京东，为什么互联网大厂都看上了南京？南京会成为下一个互联网中心吗？",
              "update_time" : "2017-09-29",
              "id" : "1433",
              "title" : "为什么阿里、小米、京东，科大讯飞、创新工场都选择在南京建立研发中心？南京会成为下一个互联网中心吗",
              "images":["https://p3-search.byteimg.com/img/pgc-image/Sj3XE2UBD9bflR~tplv-26tn0yjwph-cspd-v1:276:184.jpeg","https://p3-search.byteimg.com/img/pgc-image/Si4b2IXFniBr8h~tplv-26tn0yjwph-cspd-v1:276:184.jpeg"],
              "cate_name" : "数码",
              "icon" : "http://p9.pstatp.com/thumb/9780/4106115658",
              "praise" : "1637",
              "comment":"5616",
              "name":"智能硬件"
              }
              ],
    "url" : ""
}

参考：https://www.jianshu.com/p/4c39be207923

allanGold

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【约束优先级问题二】动态高度cell

效果图：注意：estimatedRowHeightrowheight = UITableViewAutomaticDimension#pragma mark - lazy-(UITableView *)tableView{ if(!_tableView){ _tableView = [[UITableView alloc] initWithFrame:CGRectMake(0, 0, [UIScreen mainScreen].bounds.size...
复制链接

扫一扫