模仿 tableViewCell 实现一个简易的重用视图

  • 2018-12-10
  • 233
  • 0
  • 0

之前面试的时候会有很多人问道 UITableviewCellde 重用机制, 大部分回答都是

在缓存池初中通过 dequeueReusableCellWithIdentifier:CellIdentifier 方法取出可重用的 cell, 在一个 cell 离开屏幕显示的范围内, 会自动被加入到缓存池中,然后在缓存池中取出一个 cell, 放到当前屏幕上;用重用机制会节省性能,避免出现一些因为网络因素而造成的卡顿现象。

复用机制避免了大量的初始化过程, 我们可以节约很大一部分资源;

下面我们来试着模仿 tableview 创建一个复用视图吧~

实例化一个重用池;

新建一个继承自NSObject 的类, reusePool;

在reusePool 中定义三个方法,

  • 获取重用 view

    -(UIView *)getReuseTableView;

  • 添加 view 到重用池中

    -(void)addViewForReusePool:(UIView *)view;

  • 重置重用池

    -(void)reset;

在类的.m文件中, 实现刚才定义的几个方法, 并定义两个属性, wattingQueueusingQueue, 作为存放视图的容器;

实现刚才定义的几个方法


- (instancetype)init { self = [super init]; if (self) { _waitingQueue = [NSMutableSet set]; _useingQueue = [NSMutableSet set]; } return self; } // 如果存在, 从等待队列中移除一个, 在使用中的队列增加一个 -(UIView *)getReuseTableView{ UIView *view = [_waitingQueue anyObject]; if (view == nil) { return nil; }else{ [_waitingQueue removeObject:view]; [_useingQueue addObject:view]; return view; } } //添加可重用视图到重用池 -(void)addViewForReusePool:(UIView *)view{ if (view == nil) { return; } [_useingQueue addObject:view]; } //重置重用池 -(void)reset{ UIView *view = nil; while ((view = [_useingQueue anyObject]) ) { [_useingQueue removeObject:view]; [_waitingQueue addObject:view]; } }

实现视图

定义一个继承自UITableView 的视图类, reuseTableView;

reuseTableView 设置一个代理方法, 来获取需要用到的数据;

#import <UIKit/UIKit.h>

@protocol QKReuseTableViewDataSource <NSObject>

/**
 获取字母索引条
 @param tableview tableview
 @return 结果数组
 */
-(NSArray <NSString*> *)indexTitleFromReuseTable:(UITableView *)tableview;

@end

@interface QKReuseTableView : UITableView

@property (nonatomic,weak) id   <QKReuseTableViewDataSource> indexDataSource;
@end

. m 文件中定义两个属性

@interface QKReuseTableView ()
{
    UIView *containerView;
    QKReusePool *reusePool;
}

@end

重写 tableviewreloadData 方法


-(void)reloadData{ [super reloadData]; if (containerView == nil) { containerView = [[UIView alloc] init]; containerView.backgroundColor = UIColor.whiteColor; [self.superview insertSubview:containerView aboveSubview:self]; } if (reusePool == nil) { reusePool = [[QKReusePool alloc] init]; } //初始化的时候重置重用池 [reusePool reset]; // reload 索引条 [self reloadIndexTitle]; } -(void)reloadIndexTitle{ // 设置一个title数组 NSArray <NSString *> * titleArray = nil; if ([self.indexDataSource respondsToSelector:@selector(indexTitleFromReuseTable:)]) { titleArray = [self.indexDataSource indexTitleFromReuseTable:self]; } if (!titleArray || titleArray.count<=0) { [containerView setHidden:YES]; return; } NSUInteger count = titleArray.count; CGFloat btnWidth = 60; CGFloat btnHeight = self.frame.size.height/count; for (int i = 0; i< count; i++) { NSString *title = [titleArray objectAtIndex:i]; UIButton *btn = (UIButton *)[reusePool getReuseTableView]; if (btn == nil) { btn = [[UIButton alloc] initWithFrame:CGRectZero]; btn.backgroundColor = UIColor.whiteColor; [reusePool addViewForReusePool:btn]; NSLog(@"creat a btn"); }else{ NSLog(@"reuse button"); } [containerView addSubview:btn]; [btn setTitle:title forState:UIControlStateNormal]; [btn setTitleColor:UIColor.blackColor forState:UIControlStateNormal]; [btn setFrame:CGRectMake(0, i*btnHeight, btnWidth, btnHeight)]; } [containerView setHidden:NO]; containerView.frame = CGRectMake(self.frame.origin.x + self.frame.size.width - btnWidth, self.frame.origin.y, btnWidth, self.frame.size.height); }

代码在reuseCell 文件夹
git仓库链接地址

评论

还没有任何评论,你来说两句吧

你必须 登录 才能发表评论.