美文网首页iOS路上
一个少代码侵入的iOS页码和置顶控件

一个少代码侵入的iOS页码和置顶控件

作者: ChaoSo | 来源:发表于2018-10-09 10:06 被阅读0次

    背景

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

    代码结构

    首先这个控件需要几个能力,上下划动需要显示数字、点击之后置顶功能、切换显示view。

    所以需要有一个类来监听UITableView上下划动事件,然后使用runtime来交换UIScrollView几个delegate的方法,scrollViewDidEndDecelerating:、scrollViewDidEndDragging:willDecelerate:,然后再回调出去。

    为了使用方便,这个类我使用了UIView。一些需要依赖这些方法的子view需要实现对应的方法后添加到这个UIView当中。

    类图结构

    image

    自定义子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地址

    https://github.com/KoonChaoSo/CSFooterCircleFunctionView

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

    相关文章

      网友评论

        本文标题:一个少代码侵入的iOS页码和置顶控件

        本文链接:https://www.haomeiwen.com/subject/ruceaftx.html