当前位置: 开发笔记 > 前端 > 正文

iOS给tableView每行设置预估行高estimatedRowHeight,达到cell高度的自适应

作者：手机用户上官婉儿 | 来源：互联网 | 2023-05-16 21:00

在iOS8之后苹果推出的一个新特性SelfSizingCells，意思就是让cell自己计算自己的高度，当我们在cell里面添加完所需控件，并约束好位置之后，我们只需要设置tab

在iOS8之后苹果推出的一个新特性Self Sizing Cells，意思就是让cell自己计算自己的高度，当我们在cell里面添加完所需控件，并约束好位置之后，我们只需要设置

tableView.estimatedRowHeight = 44.0f;//推测高度，必须有，可以随便写多少

tableView.rowHeight =UITableViewAutomaticDimension;//iOS8之后默认就是这个值，可以省略

这两句代码之后，即可放心的往cell的控件里面加上内容，cell会根据内部所有控件的高度动态的计算自己的高度从而显示出来。这个就有点类似于html5中的body，会根据自己内部的内容调整自己的大小。这就给iOS开发者提供了很大的便利，不再需要之前复杂的自适应计算方法。但是要注意的是，这个需要在iOS8之后才可以使用，如果你的应用要适配iOS8之前的版本，可能无法使用该机制，当然也可以对系统版本进行判断之后再决定使用哪一套适配方案。

介绍cell子控件如何autolayout

我查了一些资料是这样说的模板单元格中，subviews的自动局部必须要能够把单元格撑满。也就是说，iOS 必须能够通过内容的自动布局约束计算出 cell 的高。但是以我的理解,必须保证cell中子控件在一条Y轴上有自上而下所有的约束,我这么说可能不太理解,我来个迷之画图吧

好,我们来假设一个场景吧,李菊福一波,还是上图的cell,imageview是头像,label1是昵称,label2是评价的内容,可能很长需要换行等等,所以这就要求我们的cell需要在特定是的数据面前"各不相同"..
一般来说,imageView给这些约束就差不多(不在主要讨论范围)

numberOfLines = 0不多说,我们还要对他高度的约束做一个小小的设置如下图,让laebl2的高度大于等于原来的高度

cell高度 = imageViewY值(label1Y值) + label1高度 + label2top距离label1bottom间距 
+ label2高度(不确定,数据很多会变化,大于等于原设置的高度) + label2bottom距离bellbottom的间距

我们这样一番折腾后,cell子控件的Y轴方向的所有约束全部搞定了,然后我们按照自己的套路去给cell的子控件赋值数据什么的就可以了,别忘了给tableView设置文章一开头设置的那两句话,这样我们的cell就做到了自适应的高度,我文章中举的例子非常简单,我相信大家再公司的项目中cell要复杂的多,只要遵循Y轴方向的约束全部满足就可以了

推荐阅读

html
CSS 布局：液态三栏混合宽度布局

本文介绍了如何使用 CSS 实现液态的三栏布局，其中各栏具有不同的宽度设置。通过调整容器和内容区域的属性，可以实现灵活且响应式的网页设计。 ... [详细]

蜡笔小新 2024-12-28 02:40:28
layout
Android LED 数字字体的应用与实现

本文介绍了一种适用于 Android 应用的 LED 数字字体（digital font），并详细描述了其在 UI 设计中的应用场景及其实现方法。这种字体常用于视频、广告倒计时等场景，能够增强视觉效果。 ... [详细]

蜡笔小新 2024-12-27 10:34:22
react
移动 UI 设计基础：打造简洁高效的用户界面

本章将深入探讨移动 UI 设计的核心原则，帮助开发者构建简洁、高效且用户友好的界面。通过学习设计规则和用户体验优化技巧，您将能够创建出既美观又实用的移动应用。 ... [详细]

蜡笔小新 2024-12-27 08:43:40
layout
RecyclerView初步学习(一)

RecyclerView初步学习(一)ReCyclerView提供了一种插件式的编程模式，除了提供ViewHolder缓存模式，还可以自定义动画，分割符，布局样式，相比于传统的ListVi ... [详细]

蜡笔小新 2024-12-26 20:24:01
layout
深入解析 SimpleDraweeView 的 setScaleType 方法及其实现

本文详细介绍了 com.facebook.drawee.view.SimpleDraweeView 中的 setScaleType 方法，提供了多个实际代码示例，并解释了其在不同场景下的应用。 ... [详细]

蜡笔小新 2024-12-26 12:15:47
html
基于KVM的SRIOV直通配置及性能测试

SRIOV介绍、VF直通配置，以及包转发率性能测试小慢哥的原创文章，欢迎转载目录?1.SRIOV介绍?2.环境说明?3.开启SRIOV?4.生成VF?5.VF ... [详细]

蜡笔小新 2024-12-25 19:26:39
html
CUGB图论专题：排水系统中的最大流问题 - EK与Dinic算法解析

本题探讨如何通过最大流算法解决农场排水系统的设计问题。题目要求计算从水源点到汇合点的最大水流速率，使用经典的EK（Edmonds-Karp）和Dinic算法进行求解。 ... [详细]

蜡笔小新 2024-12-25 17:47:23
layout
在Android中排列多行小部件 - Arranging Rows of Widgets in Android

本文介绍如何使用布局文件在Android应用中排列多行TextView和Button，使其占据屏幕的特定比例，并提供示例代码以帮助理解和实现。 ... [详细]

蜡笔小新 2024-12-25 10:33:17
html
深入理解ASP.NET MVC中的_ViewStart.cshtml

本文介绍了_ViewStart.cshtml文件在ASP.NET MVC 3.0及以上版本中的作用和使用方法。该文件位于Views目录下，主要用于统一配置视图布局和其他全局设置。 ... [详细]

蜡笔小新 2024-12-24 18:54:12
layout
Android MARS学习笔记：Intent基础与应用

本文介绍了Android开发中Intent的基本概念及其在不同Activity之间的数据传递方式，详细展示了如何通过Intent实现Activity间的跳转和数据传输。 ... [详细]

蜡笔小新 2024-12-24 12:23:09
layout
Android 自定义绘图板应用

本文介绍如何使用 Android 的 Canvas 和 View 组件创建一个简单的绘图板应用程序，支持触摸绘画和保存图片功能。 ... [详细]

蜡笔小新 2024-12-23 10:12:53
layout
Qt QTableView 内嵌控件的实现方法

本文详细介绍了在 Qt QTableView 中嵌入控件的多种方法，包括使用 QItemDelegate、setIndexWidget 和 setIndexWidget 结合布局管理器。每种方法都有其适用场景和优缺点。 ... [详细]

蜡笔小新 2024-12-22 18:03:16
layout
深入解析Android Activity中View的绘制与动画机制

本文详细探讨了Android Activity中View的绘制流程和动画机制，包括Activity的生命周期、View的测量、布局和绘制过程以及动画对View的影响。通过实验验证，澄清了一些常见的误解，并提供了代码示例和执行结果。 ... [详细]

蜡笔小新 2024-12-22 10:07:37
layout
RoboGuice 注解注入：处理 Intent Extra 数据

在 Android 开发中，通过 Intent 启动 Activity 或 Service 时，可以使用 putExtra 方法传递数据。接收方可以通过 getIntent().getExtras() 获取这些数据。本文将介绍如何使用 RoboGuice 框架简化这一过程，特别是 @InjectExtra 注解的使用。 ... [详细]

蜡笔小新 2024-12-22 08:38:48
layout
深入解析 Android IPC 中的 Messenger 机制

本文详细介绍了 Android 中基于消息传递的进程间通信（IPC）机制——Messenger。通过实例和源码分析，帮助开发者更好地理解和使用这一高效的通信工具。 ... [详细]

蜡笔小新 2024-12-21 11:11:40

手机用户上官婉儿

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章