iOS路上

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

2018-10-09  本文已影响0人  ChaoSo

背景

因为公司写一个新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

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

上一篇下一篇

猜你喜欢

热点阅读