UITableViewCell动态高度设置

2024-06-03 06:08

本文主要是介绍UITableViewCell动态高度设置,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

UITableViewCell的高度在默认状态下能表现的的东西很少,而且在复用的时候由于需要展示的信息不一定,所以需要动态的调节Cell的高度来满足我们对不同内容的展示。在IOS8之前,这需要手动进行计算高度,比较麻烦。在参考许多人的博客文章后,根据IOS8的autolayout的特性,我做了一个自己的Tabelview自适应。虽然写的不如github上看到的很多功能很强大,但也算完成了一点点基本的需求。在这过程中也对autoLayout有了一个更深的印象。

首先按照上一篇文章的方法建立一个TabelView。在这里我们还需要创建一个新的自定义TabelViewCell类,这样能够方便我们对Cell进行自定义

在自定义类中,要完成以下方法

- (void)layoutSubviews
{[super layoutSubviews];[self.contentView layoutIfNeeded];self.sentence.preferredMaxLayoutWidth = CGRectGetWidth(self.sentence.frame);}

这个方法将根据设置好的约束进行布局调整

接下来是在StroyBoard中进行一些设置。最关键的部分是对不同组件之间的约束。约束做的好不好将直接影响到最后的效果。

这里写图片描述

可以看到在这个原型Cell里面定义了三个组件。我们要做的就是将三个组件和ContentView按照一定约束联系起来。
在这里,我做的是将ImageView 和Label 进行上下约束 ,button 和Label进行左右间距约束,button和ImageView之间也进行上下约束。
最后 将三者分别和ContenView进行约束.

添加约束的方法。在这里我曾经尝试通过Ctrl拖动进行约束,但是出来的效果非常奇怪。在通过网上查询后发现应该通过下图的方法

这里写图片描述

在对每个组件添加好约束以后,在TabelViewController里面有一些必须要注意的

- (void)viewDidLoad {[super viewDidLoad];[[NSNotificationCenter defaultCenter] addObserver:selfselector:@selector(didChangePreferredContentSize:)name:UIContentSizeCategoryDidChangeNotification object:nil];self.tableView.estimatedRowHeight = 100.0;self.tableView.rowHeight = UITableViewAutomaticDimension;}- (void)dealloc
{[[NSNotificationCenter defaultCenter] removeObserver:selfname:UIContentSizeCategoryDidChangeNotification object:nil];
}- (void)didChangePreferredContentSize:(NSNotification *)notification
{[self.tableView reloadData];
}

通过添加一个观察者,当当前的ContentSize要变化的时候,调用方法重新获取数据。

同时,注意到我们设置了一个默认的高度
self.tableView.estimatedRowHeight = 100.0;

这个是预计估算一个Cell的高度,当然我们也可以对不同类型的Cell设置不同的预设高度。

小结
对UITableViewCell的自定义是对UITableView自定义扩充的一个非常重要的点。在许多应用中都是靠扩充UITableView来展示信息。自适应高度的Cell更是非常重要。像微博,新闻等APP需要展示图文的地方非常多,通过自定义Cell就能快速的实现。在这里,对约束的认识需要非常非常好。本身的代码并不是很多,关键是去理解约束的概念。我在这里花了很多少时间参考了很多代码。只有多写多练才能更好的熟悉。

这篇关于UITableViewCell动态高度设置的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1026187

相关文章

mybatis和mybatis-plus设置值为null不起作用问题及解决

《mybatis和mybatis-plus设置值为null不起作用问题及解决》Mybatis-Plus的FieldStrategy主要用于控制新增、更新和查询时对空值的处理策略,通过配置不同的策略类型... 目录MyBATis-plusFieldStrategy作用FieldStrategy类型每种策略的作

Android 悬浮窗开发示例((动态权限请求 | 前台服务和通知 | 悬浮窗创建 )

《Android悬浮窗开发示例((动态权限请求|前台服务和通知|悬浮窗创建)》本文介绍了Android悬浮窗的实现效果,包括动态权限请求、前台服务和通知的使用,悬浮窗权限需要动态申请并引导... 目录一、悬浮窗 动态权限请求1、动态请求权限2、悬浮窗权限说明3、检查动态权限4、申请动态权限5、权限设置完毕后

CSS弹性布局常用设置方式

《CSS弹性布局常用设置方式》文章总结了CSS布局与样式的常用属性和技巧,包括视口单位、弹性盒子布局、浮动元素、背景和边框样式、文本和阴影效果、溢出隐藏、定位以及背景渐变等,通过这些技巧,可以实现复杂... 一、单位元素vm 1vm 为视口的1%vh 视口高的1%vmin 参照长边vmax 参照长边re

java获取图片的大小、宽度、高度方式

《java获取图片的大小、宽度、高度方式》文章介绍了如何将File对象转换为MultipartFile对象的过程,并分享了个人经验,希望能为读者提供参考... 目China编程录Java获取图片的大小、宽度、高度File对象(该对象里面是图片)MultipartFile对象(该对象里面是图片)总结java获取图片

Windows设置nginx启动端口的方法

《Windows设置nginx启动端口的方法》在服务器配置与开发过程中,nginx作为一款高效的HTTP和反向代理服务器,被广泛应用,而在Windows系统中,合理设置nginx的启动端口,是确保其正... 目录一、为什么要设置 nginx 启动端口二、设置步骤三、常见问题及解决一、为什么要设置 nginx

Java使用POI-TL和JFreeChart动态生成Word报告

《Java使用POI-TL和JFreeChart动态生成Word报告》本文介绍了使用POI-TL和JFreeChart生成包含动态数据和图表的Word报告的方法,并分享了实际开发中的踩坑经验,通过代码... 目录前言一、需求背景二、方案分析三、 POI-TL + JFreeChart 实现3.1 Maven

Java导出Excel动态表头的示例详解

《Java导出Excel动态表头的示例详解》这篇文章主要为大家详细介绍了Java导出Excel动态表头的相关知识,文中的示例代码简洁易懂,具有一定的借鉴价值,有需要的小伙伴可以了解下... 目录前言一、效果展示二、代码实现1.固定头实体类2.动态头实现3.导出动态头前言本文只记录大致思路以及做法,代码不进

vue基于ElementUI动态设置表格高度的3种方法

《vue基于ElementUI动态设置表格高度的3种方法》ElementUI+vue动态设置表格高度的几种方法,抛砖引玉,还有其它方法动态设置表格高度,大家可以开动脑筋... 方法一、css + js的形式这个方法需要在表格外层设置一个div,原理是将表格的高度设置成外层div的高度,所以外层的div需要

电脑密码怎么设置? 一文读懂电脑密码的详细指南

《电脑密码怎么设置?一文读懂电脑密码的详细指南》为了保护个人隐私和数据安全,设置电脑密码显得尤为重要,那么,如何在电脑上设置密码呢?详细请看下文介绍... 设置电脑密码是保护个人隐私、数据安全以及系统安全的重要措施,下面以Windows 11系统为例,跟大家分享一下设置电脑密码的具体办php法。Windo

SpringBoot实现动态插拔的AOP的完整案例

《SpringBoot实现动态插拔的AOP的完整案例》在现代软件开发中,面向切面编程(AOP)是一种非常重要的技术,能够有效实现日志记录、安全控制、性能监控等横切关注点的分离,在传统的AOP实现中,切... 目录引言一、AOP 概述1.1 什么是 AOP1.2 AOP 的典型应用场景1.3 为什么需要动态插