iOS一个少代码侵入的滚动页码控件-CSFooterCircleFunctionView

背景

因为公司写一个新App的页码控件，但是发现原来的App页码控件代码侵入比较大，这样会影响业务代码，并且修改比较大。所以决定重新写一个。

代码结构

首先这个控件需要几个能力，上下划动需要显示数字、点击之后置顶功能、切换显示view。
所以需要有一个类来监听UITableView上下划动事件，然后使用runtime来交换UIScrollView几个delegate的方法，scrollViewDidEndDecelerating:、scrollViewDidEndDragging:willDecelerate:，然后再回调出去。
为了使用方便，这个类我使用了UIView。一些需要依赖这些方法的子view需要实现对应的方法后添加到这个UIView当中。

类图结构

自定义子view

当然我希望能够让其他人更容易添加自定义的子view，所以我专门写了一个CSFooterCircleSubviewProtocol，来让子view有能力去监听UITableView的上下滑动和停止滑动。

@protocol CSFooterCircleSubviewProtocol <NSObject>
typedef void(^CSCircleFunctionSubviewsAnimationCompletion)(void);

@required
/**
 subview是否显示高亮

 @param isHighlighted 
 */
- (void)setHighlighted:(BOOL)isHighlighted;

/**
 父tableview控件向上滑动
    TODO: 需要使用加上willtableViewScrollUp回调，因为有些时候是需要状态的改变而不是持续的状态回调
 @param view CSFooterCircleFunctionView
 @param index 滑动时候显示的cell的index
 @param total 滑动时候显示的cell的总共的数量
 */

- (void)tableViewScrollUp:(UIView<CSFooterCircleViewProtocol> *)view index:(NSInteger)index;

/**
 父tableview控件向下滑动
 TODO: 需要使用加上willScrollDown回调，因为有些时候是需要状态的改变而不是持续的状态回调
 @param view CSFooterCircleFunctionView
 @param index 滑动时候显示的cell的index
 @param total 滑动时候显示的cell的总共的数量
 */
- (void)tableViewScrollDown:(UIView<CSFooterCircleViewProtocol> *)view index:(NSInteger)index;

/**
 父tableview控件停止滑动
 TODO: 需要使用加上willtableViewScrollStop回调，因为有些时候是需要状态的改变而不是持续的状态回调
 @param view CSFooterCircleFunctionView
 */
- (void)tableViewScrollStop:(UIView<CSFooterCircleViewProtocol> *)view;

@end

使用CSFooterCircleFunctionView

初始化SubViews

    CSFotterCircleScrollToTopSubview<CSFooterCircleSubviewProtocol> *scrollToTopSubViews = [[CSFotterCircleScrollToTopSubview alloc] initWithFrame:CGRectMake(0, 0, 45, 45)];
    [scrollToTopSubViews setHighlighted:NO];
    
    CSFotterCircleShowSrcollIndexTypeSubview<CSFooterCircleSubviewProtocol> *srcollIndexTypeSubview = [[CSFotterCircleShowSrcollIndexTypeSubview alloc] initWithFrame:CGRectMake(0, 0, 45, 45)];
    [srcollIndexTypeSubview setTotal:50];
    [srcollIndexTypeSubview setHighlighted:NO];
    
    NSArray *retArr = @[scrollToTopSubViews,srcollIndexTypeSubview];
    return retArr;

初始化CSFooterCircleFunctionView

- (CSFooterCircleFunctionView *)footerCircleView
{
    if (!_footerCircleView)
    {
        _footerCircleView = [[CSFooterCircleFunctionView alloc] initWithSubViews:(NSArray <CSFooterCircleSubviewProtocol>*)[self setupSubViewsForFooterCircleFunctionView]];
        _footerCircleView.weakTableView = self.tableView;
        
        __weak __typeof(self)weakSelf = self;
        _footerCircleView.actionCompletion = ^(NSString *viewName, UIView<CSFooterCircleSubviewProtocol> *subview) {
            if ([viewName isEqualToString:@"CSFotterCircleScrollToTopSubview"])
            {
                __strong __typeof(weakSelf)strongSelf = weakSelf;
                [strongSelf.tableView setContentOffset:CGPointMake(0, 0) animated:YES];
            }
        };
    }
    return _footerCircleView;
}

未来修改

1. 需要加入一些变化临界点的状态。
2. 优化滚动时候的性能。
3. 需要使用更少的代码。

GitHub地址

github.com/KoonChaoSo/…

如果有什么建议和优化地方可以在下面评论说噢，多谢大家阅读。