封装tableView、collectView，简化使用

最新推荐文章于 2020-12-20 05:40:09 发布
最新推荐文章于 2020-12-20 05:40:09 发布
阅读量1.2k 收藏 2
点赞数 1
分类专栏： IOS 文章标签： tableView collection
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jianrenbubai/article/details/53784800
版权

ChuckTableView

达到的效果：
[tableView addModel:@”消息中心”];
[tableView addModel:@”会员中心”];
[tableView addModels:@[@”定时关闭”,@”关于我们”,@”退出登录”]];
这里写图片描述

tableView多种cell操作达到的效果：

//1、不声明section，默认为0
[self.tableView addModel:@"不声明section，默认为0" cellClass:ChuckCell.class];
//2、自动检测是xib还是class文件，cell里面实现heightFoRow方法的以该方法对高度的优先级最高，xib默认自动计算高度
[self.tableView addModel:@"自动检测是xib还是class文件，cell里面实现heightFoRow方法的以该方法对高度的优先级最高，xib默认自动计算高度" cellClass:XibAutpHeightCell.class];
//3、支持编辑模式简化操作
[self.tableView addModels:@[@"左滑进入删除模式",
@"左滑进入删除模式"]
cellClass:ChuckCell.class editStyle:UITableViewCellEditingStyleDelete];
//4、支持多个model同时导入
[self.tableView addModels:@[
@"左滑进入删除模式，支持多个model同时导入，任意指定section插入不回数组越界",
@"左滑进入删除模式，支持多个model同时导入，任意指定section插入不回数组越界"]
cellClass:XibAutpHeightCell.class section:3 editStyle:UITableViewCellEditingStyleDelete];
//5、指定相应的section，不会数组越界，会自动填充cell满足条件
[self.tableView addModel:@"自动检测是xib还是class文件，cell里面实现heightFoRow方法的以该方法对高度的优先级最高，xib默认自动计算高度" cellClass:ChuckCell.class section:5];
//6、不指定类型，默认为UItableViewCell
[self.tableView addModels:@[@"不指定类型，默认为UItableViewCell",@"不指定类型，默认为UItableViewCell"] section:2];

tableview

collectvIew不同步布局达到的效果：

[collect addModel:@"" cellClass:CCellTopBar.class];

[collect addModel:@"" cellClass:CCellHomeHeader.class section:1];
[collect addModel:@"cell内容的位置" cellClass:CCellHomeCell.class section:1+1];
[collect addModel:@"cell内容的位置" cellClass:CCellHomeCell.class section:1+1];
[collect addModel:@"cell内容的位置" cellClass:CCellHomeCell.class section:1+1];
[collect addModel:@"cell内容的位置" cellClass:CCellHomeCell.class section:1+1];

[collect addModel:@"" cellClass:CCellHomeHeader.class section:3];

[collect addModel:@"cell内容的位置" cellClass:CCellHomeCell.class section:3+1];
[collect addModel:@"cell内容的位置" cellClass:CCellHomeCell.class section:3+1];
[collect addModel:@"cell内容的位置" cellClass:CCellHomeCell.class section:3+1];
[collect addModel:@"cell内容的位置" cellClass:CCellHomeCell.class section:3+1];

这里写图片描述

高度封装tableView，简化操作，目的是为了cell可以自由同时存在于不同的UIViewController之中，cell自给自足，cell环境封闭起来
源码浏览git

1、容易操作的cell增删改查

2、滚到最后

3、可以自定义的上拉加载更多

4、编辑模式随意添加，随意插入各种cell

5、cell与tableView解耦，与UIViewController解耦

Pod

pod ‘ChuckTableView’, ‘~> 0.0.8’

例子

初始化

  • -(id)initWithFrame:(CGRect)frame
    style:(UITableViewStyle)style
    defaultHeight:(CGFloat)height
    vcDelegate:(id)delegate
    configureBlock:(CellConfigureBefore)before
    cellDidselectConfig:(CellDidselectConfigureBefore)cellDidselectConfigBefore;

    初始化后，就配置了基础的默认cell高度，cell的UI与model的默认配置和点击配置


SmartTableView* sd = nil;
sd = [[SmartTableView alloc]
    initWithFrame:self.view.bounds
            style:0
    defaultHeight:60
      vcDelegate:self
  configureBlock:^(UITableViewCell* cell, id model, NSIndexPath *indexPath) {
    //默认cell配置
    if (![cell isMemberOfClass:[UITableViewCell class]]) {
    return;
    }
    cell.detailTextLabel.text = model;
    cell.textLabel.text = model;
    } cellDidselectConfig:^(id cell, id model, NSIndexPath *indexPath) {
    //默认点击cell配置
    NSLog(@"点击到了：%@",model);
}];

[sd addModel:@"消息中心"];
[sd addModel:@"会员中心"];
[sd addModels:@[@"定时关闭",@"关于我们",@"退出登录"]];

导入数据model,一个model对应一个cell

1、cell类型，除非专门指定XibAutpHeightCell,不指定就默认采用UITableViewCell

  • [tableView addModel:@”我是XibAutpHeightCell，在s0,r0”];

  • [tableView addModel:@”我是XibAutpHeightCell，在s0,r0” cellClass:XibAutpHeightCell.class];

2、随意指定插入的section,不用担心数组越界的问题

  • [tableView addModels:@[@”我在预设置里面,s2,r0”,@”因为我是UItableViewCell,s2,r1”] section:2];

3、编辑模式

  • [tableView addModels:@[@”我是删除模式,s0,r2”,@”我是删除模式,s0,r3”] cellClass:XibAutpHeightCell.class editStyle:UITableViewCellEditingStyleDelete];

事件逻辑，在cell的m文件中导入#import “UITableViewCell+Smart.h”

a、cellForRow事件，与tableView等同名事件操作一致

  • -(void)tableView:(SmartTableView )tableView vcDelegate:(id)vcDelegate cellForRowWithModel:(id)model atIndexPath:(NSIndexPath )indexPath;

b、heightForRow事件，与tableView等同名事件操作一致，不设置在有约束情况下，自动计算高度，没有约束情况下，采用默认高度

  • -(CGFloat)tableView:(SmartTableView )tableView vcDelegate:(id)vcDelegate heightForRowWithModel:(id)model atIndexPath:(NSIndexPath )indexPath;

c、didSelectRowWithModel事件，与tableView等同名事件操作一致

  • -(void)tableView:(SmartTableView )tableView vcDelegate:(id)vcDelegate didSelectRowWithModel:(id)model atIndexPath:(NSIndexPath )indexPath;

d、编辑事件，与tableView等同名事件操作一致

  • -(void)tableView:(SmartTableView )tableView vcDelegate:(id)vcDelegate commitEditingWithModel:(id)model style:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath )indexPath;

自定义的上拉加载更多

-(UIView *)tableView:(SmartTableView *)tableView viewForFooterRefresh:(UITableViewCell *)cell{
    UIView * v = [[UIView alloc]initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, 50)];
    UILabel *lb = [[UILabel alloc]initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, 50)];
    lb.text = @"下载中";
    lb.textAlignment = NSTextAlignmentCenter;
    [v addSubview:lb];
    UIActivityIndicatorView *indicator = [[UIActivityIndicatorView alloc]initWithActivityIndicatorStyle:UIActivityIndicatorViewStyleGray];
    //设置显示位置
    indicator.center = CGPointMake(v.center.x-50, v.center.y);
    [indicator startAnimating];
    indicator.color = [UIColor redColor];
    //将这个控件加到父容器中。
    [v addSubview:indicator];
    return v;
}

常用APi

//获取元素

  • -(id)modelsAtIndexPath:(NSIndexPath *)indexPath;

//获取到smartModel

  • -(SmartModel )smartModelAtIndexPath:(NSIndexPath )indexPath;

//清空所有数据

  • -(void)clearTableViewCell;

//滚动到最后,动画时间

  • -(void)scrollToBottomAnimationTime:(CGFloat)time;

//隐藏上拉加载更多

  • -(void)dismissFooterRefresh;

CollectionView

一、流布局

流布局就像流水那样，遇到阻碍就偏下一行，在这个库里面加了一个layout，可以为每个不同的section定义不同的大小布局

二、使用方式

CGFloat mainScreenWidth = [UIScreen mainScreen].bounds.size.width;
    NSInteger per = 3;
    NSInteger perAdd = per+1;
    ChuckLayout * chuckLayout = [[ChuckLayout alloc]initItemSize:^CGSize(id model, NSInteger section) {
         //根据section返回cell大小
        if (section==0) {
            return (CGSize){mainScreenWidth - 10 - 10,50};
        }else if(section==1){
            return (CGSize){((mainScreenWidth - 10 - 10)-10*(per-1))/per,((mainScreenWidth - 10 - 10)-10)/per};
        }else{
            return (CGSize){((mainScreenWidth - 10 - 10)-10*(perAdd-1))/perAdd,((mainScreenWidth - 10 - 10)-10)/perAdd};
        }
    } interitemSpacingIndexPath:^CGFloat(id model, NSInteger section) {
        //根据section返回cell与cell间隔
        return 10;
    } lineSpacingIndexPath:^CGFloat(id model, NSInteger section) {
        //根据section返回行距
        return 10;
    } contentInsetIndexPath:^UIEdgeInsets(id model, NSInteger section) {
        //根据section返回内嵌
        return UIEdgeInsetsMake(10, 10, 10, 10);
    }];

    ChuckCollectionView* collect =
    [[ChuckCollectionView alloc]
     initWithFrame:self.view.bounds
     collectionViewLayout:chuckLayout
     vcDelegate:self
     configureBlock:^(UICollectionViewCell *cell, id model, NSIndexPath *indexPath) {
         cell.backgroundColor = [UIColor redColor];
     } cellDidselectConfig:^(UICollectionViewCell *cell, id model, NSIndexPath *indexPath) {
         NSLog(@"点击到什么：%@",model);
     }];

源码浏览git

harder321
关注
专栏目录
native封装卡片 react_ReactNative之封装TableView组件
weixin_42408094的博客
12-28 238
众所周知，ReactNative中的列表组件，不论是老版的ListView还是新版的FlatList，都不是对原生列表的封装，只是在JavaScript层在ScrollView的基础上实现的，如果能基于原生列表组件进行封装，就真正实现了单元行的复用，最近尝试了下对iOS平台tableView的封装，demo已经运行正常了，这里把思路整理一下。封装tableView本身很简单，按官方教程走就行了。我...
ios-封装到极致的tableView.zip
07-11
封装tableView GroupTableView() .wAutoCell(YES) .wMasonryConfig(self.view, ^(MASConstraintMaker *make) { make.edges.mas_equalTo(0); }, self.modelArr) .wStart(); 熟练的话几行代码搞定 简书地址 https://www.jianshu.com/p/b9bfa10dfd33 gitHud地址 https://github.com/wwmz/WMZTableView
TableView的封装
weixin_30699741的博客
03-17 146
1、基于NSObject封装TableView TableViewDelegateObj.h #import <Foundation/Foundation.h> #import <UIKit/UIKit.h> typedef void (^selectCell) (NSIndexPath *indexPath); /** * 代理对象(UI...
高度封装tableView
box_kun的博客
08-29 601
可以解决一种一组,一种多组,多种多组,多种一组的tableView public enum LSTableViewCellType { case oneType_oneGroup //一种 一组 WPBaseCell.Self [data] case oneType_multipleGroup
ios-tableView的简单封装.zip
07-11
这个名为“ios-tableView的简单封装.zip”的压缩包，显然提供了一个轻量级的UITableView封装库，名为QQtableView，作者通过GitHub分享了他的代码。从描述来看，该库主要实现了三大功能：下拉刷新、空页面处理以及...
swift-SwiftiOS:一个简陋的TableView封装
08-15
这个"swift-SwiftiOS:一个简陋的TableView封装"项目，旨在通过封装UITableViewDataSource和UITableViewDelegate，来简化开发者处理表格视图时的工作流程，提高代码的可读性和可维护性。 UITableViewDataSource是...
qt tableview使用
11-13
本实例着重讲解如何使用`QTableView`进行数据操作以及将表格视图导出为PNG图像。 首先，`QTableView`是Qt GUI库中的一个视图类，它提供了用户界面来展示模型数据。创建一个`QTableView`实例后，你需要设置一个数据...
ios-TableView delegate dataSource封装.zip
07-11
因此，在使用封装好的数据源和代理时，要确保它们能够灵活适应各种场景，或者在必要时能够方便地扩展。 为了进一步优化，你还可以考虑以下几点： 1. 使用Storyboard或XIB来定义和复用TableViewCell，这可以使界面...
封装了一个带上下刷新功能的table（UITableView子类）
12-28
封装了一个带上下刷新功能的table（UITableView子类）。 这样在想使用刷新功能的地方，只要使用这个类替换标准UITableView就可以了。
collectView
07-23
collectView这个源码是从源码天堂那边的ios源码频道转载过来的，大家演示图，可以到那里看看一下吧。
iOS 封装tableview,实用例子汇总
煮酒Shae
03-31 947
文章目录AppSettingTableView.hAppSettingTableView.mAPPSettingTableViewCell使用demo 大家不同的程序的时候可能经常遇到类似的tableview。很简单，但是又很繁琐，这时候封装一个自己常用的tableview也不失为一个良方，充分的节约自己的时间。 AppSettingTableView.h // // AppSettingTab...
TableView封装心得 去掉TableView中委托里麻烦的重复代码。
.мνρ謎︱ing.瀡緣坣
01-06 1251
TableView封装心得 去掉TableView中委托里麻烦的重复代码。手写继承NSObject类 此类实现TableView的DataSource和Delegate的协议。自己写个协议，在C中去进行委托传值。整体思路，就是把TableView的委托以拉链的形式，在管理类中实现。
造轮子之封装基类tableViewController
weixin_33690963的博客
03-14 261
封装基类tableViewController来提升开发效率 列表类视图在开发中应该算是应用最多的了，为了减少不必要的代码量，避免重复造轮子，我在这里封装了一个基类的WMBaseTableViewController。 WMBaseTableViewController里面集合了刷新加载/空数据显示处理/网络状态异常显示处理，只需要传入接口url以及入参param 然后完成tableView代理就...
UITableView的封装
伟子的博客
04-20 1894
一说到UITableView这个控件，估计大家都十分熟悉，这是IOS开发当中最常用的控件之一。每次用到UITableView这个控件时都要写好多代码。写起来也比较头疼。代码多起来也不方便维护。减少代码量就是减少bug量的原则，所以对UITableView进行了部分封装。并用 try catch进行异常捕获。由于水平有限，封装的不是很好。希望大家能够批评指正。具体代码如下 YWDataSour
iOS 自定义TableViewCell封装
ruglcc's blog
06-28 1578
引言 在iOS开发中tableview的使用频率是非常高的，而sdk提供的cell风格过于简单，往往不能适合我们项目开中复杂的需求。 这里需要我们自定义TableViewCell。 自定义UIViewTableCell的目的 可以实现自定义cell布局及样式。向cell中添加子控件的响应。封装起来，提高模块重用性。 自定义UITableViewCell步骤
swift tableview 封装_整洁的 Table View 代码
weixin_39545895的博客
12-09 461
Table view 是 iOS 应用程序中非常通用的组件。许多代码和 table view 都有直接或间接的关系，随便举几个例子，比如提供数据、更新 table view，控制它的行为以及响应选择事件。在这篇文章中，我们将会展示保持 table view 相关代码的整洁和良好组织的技术。 UITableViewController vs. UIViewControllerApple 提供了 UI...
pyqt tableview大数据自动退出_iOS封装到极致好用的tableView
weixin_39581652的博客
12-20 116
UITableView基本上是使用最多的一个控件，今天介绍封装后的 WMZTableView 省去写代理的时间先直接上代码 GroupTableView() .wAutoCell(YES) .wMasonryConfig(self.view, ^(MASConstraintMaker *make) { make.edges.mas_equalTo(0); }, self.modelArr) .wS...
qml中tableview表格的使用
最新发布
06-28
回答1：</h3><br/>在QML中，可以使用TableView元素创建表格。使用model属性来指定表格的数据来源，其中的属性要使用TableModel类型。可以使用表头的visible属性和表头项来设置表格的表头。可以使用delegate属性和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值