iOS-VLCKit实现仿网易云音乐播放音乐（三）

iOS仿网易云音乐

iOS-VLCKit实现仿网易云音乐播放音乐（一）

iOS-VLCKit实现仿网易云音乐播放音乐（二）

iOS-VLCKit实现仿网易云音乐播放音乐（三）

前言

自从加入转盘后，在不断的使用过程中，发现切换歌曲时效果不太好，于是观察了网易云音乐的效果，仿写了一下，可能不如网易云那么流畅，但整体来说还是实现了。

实现

观察网易云后发现，在转盘界面可以通过左右滑动来切换上一曲、下一曲，点击下面的上一曲、下一曲按钮也会有滑动切换效果。
实现思路：在转盘界面加入UIScrollView，然后添加三个转盘视图，并显示中间的视图，每次切换后重新再次显示中间的视图。下面是主要的代码：

1、创建UIScrollView,并添加转盘视图

        [self.diskScrollView mas_makeConstraints:^(MASConstraintMaker *make) {
            make.edges.equalTo(self);
        }];

        self.isAnimation = YES;
        
        [self.diskScrollView addSubview:self.leftDiskView];
        [self.diskScrollView addSubview:self.centerDiskView];
        [self.diskScrollView addSubview:self.rightDiskView];
        
        self.diskScrollView.contentSize = CGSizeMake(KScreenW * 3, 0);
        
        [self setScrollViewContentOffsetCenter];

2、滑动结束后，重新设置索引

    // 获取结束时，获取索引
    CGFloat scrollW = CGRectGetWidth(scrollView.frame);
    CGFloat offsetX = scrollView.contentOffset.x;
    
    if (offsetX == 2 * scrollW) {
        self.currentIndex = (self.currentIndex + 1) % self.musics.count;
    }else if (offsetX == 0) {
        self.currentIndex = (self.currentIndex - 1 + self.musics.count) % self.musics.count;
    }else {
        [self setScrollViewContentOffsetCenter];
    }

另外还发现个坑点：边缘滑动返回与UIScrollView滑动的手势冲突，解决办法如下：

- (BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldRequireFailureOfGestureRecognizer:(UIGestureRecognizer *)otherGestureRecognizer{
    
    if ([gestureRecognizer isKindOfClass:[UIScreenEdgePanGestureRecognizer class]]) {
        return NO;
    }
    
    return YES;
}

下面看看效果图吧：

切换.gif

文章可能写的不是太清楚，具体还是看代码吧，github地址:GKAudioPlayerDemo

如果您感兴趣的话，不妨点个star哦！