一种简洁的文字轮播 DNVerticalTextScrollView

前言：本人小白，写的不好，请大家多多指教。

文字轮播.gif

新建一个类继承自UIView，在这里名为 DNVerticalTextScrollView
.h 文件中
1）代理

// 点击文字轮播的代理
@protocol DNVerticalTextScrollViewDelegate <NSObject>

@optional;
// 使用代理方法回调 Label 点击手势
- (void)dn_textScrollViewSelectedAtIndex:(NSInteger)index content:(NSString *)content;
@end

2）外部可传入的参数

// 滚动的文字数组
@property (nonatomic,   copy) NSArray *dataArray;
// 文本的颜色
@property (nonatomic, strong) UIColor *textColor;
// DNVerticalTextScrollView 的背景颜色
@property (nonatomic, strong) UIColor *BGColor;
// 字体大小
@property (nonatomic, assign) CGFloat textFontSize;
// 代理
@property (nonatomic, weak) id<DNVerticalTextScrollViewDelegate> delegate;
// 创建方法(可用init或initWithFrame方法，传入数组 dataArray)
- (instancetype)initWithDataArray:(NSArray *)dataArray;

.m实现文件
1）懒加载 UIScrollView

- (UIScrollView *)bgScrollView {
    
    if (!_bgScrollView) {
        _bgScrollView = [[UIScrollView alloc] init];
        _bgScrollView.backgroundColor = UIColor.clearColor;
        // 不显示水平滚动条
        _bgScrollView.showsHorizontalScrollIndicator = NO;
        // 不显示竖直滚动条
        _bgScrollView.showsVerticalScrollIndicator = NO;
        _bgScrollView.scrollEnabled = NO;
        _bgScrollView.pagingEnabled = YES;
        _bgScrollView.bounces = NO;
        _bgScrollView.delegate = self;
        [self addSubview:_bgScrollView];
    }
    return _bgScrollView;
}

2）根据 initWithDataArray 创建方法或者外部传入的 dataArray 得到数据，设置 ScrollView 的 contentSize，创建 Label，并用代理回调 Label 的点击手势事件

// 防止重复添加
    [self.bgScrollView.subviews enumerateObjectsUsingBlock:^(__kindof UIView * _Nonnull obj, NSUInteger idx, BOOL * _Nonnull stop) {
        
        [obj removeFromSuperview];
    }];
// 遍历数组，创建 UILabel
    [self.dataArray enumerateObjectsUsingBlock:^(id  _Nonnull obj, NSUInteger idx, BOOL * _Nonnull stop) {
        
        UILabel * label = [self createScrollTextLabelWithTag:idx text:obj];
        [self.bgScrollView addSubview:label];
    }];       
- (UILabel *)createScrollTextLabelWithTag:(NSInteger)tag text:(NSString *)text {
    
    UILabel * label = [[UILabel alloc] init];
    label.text = text;
    label.userInteractionEnabled = YES;
    label.font = [UIFont systemFontOfSize:titleFontSize];
    label.textColor = titleTextColor;
    label.textAlignment = NSTextAlignmentCenter;
    label.frame = CGRectMake(0, tag*self.frame.size.height, self.frame.size.width, self.frame.size.height);
    // 添加点击事件
    UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(clickTheLabel:)];
    [label addGestureRecognizer:tap];
    tap.view.tag = tag;
    
    return label;
}

// 手势的响应事件
- (void)clickTheLabel:(UITapGestureRecognizer *)gesture {
    // 使用代理方法回调 Label 的点击事件
    if (self.delegate && [self.delegate respondsToSelector:@selector(dn_textScrollViewSelectedAtIndex:content:)]) {
        
        [self.delegate dn_textScrollViewSelectedAtIndex:gesture.view.tag
                                                   content:self.dataArray[gesture.view.tag]];
    }
}

至此界面搭建基本完成，然后添加定时器，让文字滚动起来

#pragma mark - - - NSTimer
- (void)addTimer {
    
    /*
     scheduledTimerWithTimeInterval:  滑动视图的时候timer会停止
     这个方法会默认把Timer以NSDefaultRunLoopMode添加到主Runloop上，而当你滑tableView的时候，就不是NSDefaultRunLoopMode了，这样，你的timer就会停了。
     */
    [self removeTimer];
    self.timer = [NSTimer timerWithTimeInterval:3
                                         target:self
                                       selector:@selector(nextLabel)
                                       userInfo:nil
                                        repeats:YES];
    [[NSRunLoop mainRunLoop] addTimer:self.timer forMode:NSRunLoopCommonModes];
}

// 定时器的响应事件
- (void)nextLabel {
    
    CGPoint oldPoint = self.bgScrollView.contentOffset;
    oldPoint.y += self.bgScrollView.frame.size.height;
    [self.bgScrollView setContentOffset:oldPoint animated:YES];
}
- (void)removeTimer {
    [_timer invalidate];
    _timer = nil;
}

当 scrollView 的contentoffset 滚动到设置的 contentSize 的位置是就没法向下滚动了，所以这时我们再代理中将 contentOffset 设置为起始的 contentOffset

#pragma mark -- UIScrollView Delegate

//当滚动时调用scrollView的代理方法
- (void)scrollViewDidScroll:(UIScrollView *)scrollView {
    // 当滚动到最底部时，返回（0，0）
    CGFloat currentOffset = self.bgScrollView.frame.size.height*(self.dataArray.count);
    if (self.bgScrollView.contentOffset.y == currentOffset) {
        [self.bgScrollView setContentOffset:CGPointMake(0, 0) animated:NO];
    }
}

这样一个文字轮播基本就完成了，但是当我们的 scrollView 滚动的时候，定时器还是在运作的，所以我们应当在 scrollView 的代理方法中设置定时器的开启或移除

// 开始拖拽的时候调用
- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView {
    
    [self removeTimer];
}

- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate {
    //开启定时器
    [self addTimer];
}

最后，在 dealloc 中移除定时器

- (void)dealloc {
    [_timer invalidate];
    _timer = nil;
}

demo地址DNVerticalTextScrollView

一种简洁的文字轮播 DNVerticalTextScrollView

推荐阅读更多精彩内容