TableView 展开和折叠

最近有一个小伙伴问我关于tableview的展开和折叠问题,相信很多人都写过。 还是自己随便实现了一遍。

基本的思路就是,用一个Model类来计算和控制tableview的高度。

实现效果:cell内容五行或者不足五行的时候,没有折叠功能,内容超过五行的时候,可以折叠和展开。



首先可以根据需求把cell的状态获取到为三个 不可展开、折叠状态和展开状态。 在Model里面可以用枚举来定义

typedef NS_OPTIONS(NSUInteger, TYCellType) {

    TYCellTypeNone, //不可展开
    TYCellTypeFold, //折叠状态
    TYCellTypeUnfold, //展开状态
};
然后用一个属性来记录状态,并在内容的setter方法里面可以判断出初始的状态未不可展开或者折叠状态。此处我用NSString的分类自己实现了一个计算字符串高度的方法

- (CGFloat)textHeightInWidth:(CGFloat)width font:(UIFont *)font{

    NSDictionary *attributesDict = @{NSFontAttributeName:font};
    
    CGSize maxSize = CGSizeMake(width, MAXFLOAT);
    
    CGRect subviewRect = [self boundingRectWithSize:maxSize options:NSStringDrawingUsesLineFragmentOrigin attributes:attributesDict context:nil];
    
    return subviewRect.size.height;
}
此方法传入宽度和字体,用于判断基本label这些控件的显示,若要用到富文本,可以自己相应作出调整。

最主要的就是在Model中写一个计算方法,此方法根据cell的状态和内容计算出cell的高度,并返回给代理。

然后在cell中实现一个BLOCK用于展开或折叠点击之后回调,并且通过状态判断cell的显示情况。

此demo有一些地方的封装还不是很好,左右字体都用的是系统17号,有兴趣的小伙伴可以自己把字体封装进入写接口。



***以上  项目名称T_yunDemoTableUnfold

(欢迎随手给一颗星星哦~)本篇博客Demo地址https://github.com/xmy0010/DemoForCSDN

本人邮箱18144200589@163.com欢迎小伙伴一起讨论,学习,进步。






  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
iOS中的tableView是一种用于展示大量数据的常见控件,而多级展开折叠则是一种实现在tableView中展示层级关系的常见需求,类似于QQ好友列表的效果。 实现这个效果的方法是通过tableView的数据源和代理方法来控制每个cell的样式和交互。以下是一个简单的实现步骤: 1. 设计数据模型:根据层级关系设计一个合适的数据模型,每个模型中包含展开折叠状态、子模型等相关属性。 2. 创建tableView:在界面上创建一个tableView,并设置其数据源和代理为当前控制器。 3. 实现数据源方法:在数据源方法中,根据模型的展开折叠状态来确定每个cell的样式和数量。 4. 实现代理方法:在代理方法中,根据用户的操作(点击或者滑动等)来更新模型的展开折叠状态,并刷新tableView。 5. 自定义cell:根据不同的展开折叠状态,自定义cell的样式和布局。 6. 添加动画效果:为了增加用户体验,在展开折叠的过程中可以添加一些动画效果,比如cell展开折叠tableView的滚动等。 7. 处理点击事件:根据用户的点击来判断是展开还是折叠,并更新对应的模型和tableView。 8. 优化性能:如果数据量较大,可以考虑使用懒加载或者异步加载等方式来减少内存占用和提高性能。 通过以上步骤,我们就可以实现类似QQ好友列表的多级展开折叠效果。当用户点击某个cell时,可以展开其子级内容,再次点击则折叠子级内容,以此类推,完成多级展开折叠的功能。 需要注意的是,实现这个效果需要根据具体的需求和设计来确定数据模型、点击事件和界面样式等方面的实现细节。以上是一个基本的实现思路,具体的实现过程可能会因具体的需求而有所不同。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值