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

【约束优先级问题二】动态高度cell,第1张

 效果图:

注意: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​​​​​​​

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/996568.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-21
下一篇 2022-05-21

发表评论

登录后才能评论

评论列表(0条)

保存