iOS音乐播放器(下)

作者: 大冯宇宙 | 来源:发表于2019-05-26 19:57 被阅读39次

本篇是音频播放器的悬浮窗篇,上一篇是播放器主窗口篇
先上效果图:

悬浮窗
简单罗列一下需求:
  1. 窗口与右上角播放器入口互斥
  2. 窗口在部分页面显示,部分页面不显示
  3. 上滑消失,下滑隐藏
  4. 窗口位置居于底部某个控件之上

下边根据这些需求,简单罗列一下我的实现方式,大家在参考的同时也期望能够提出一些建议

  • 窗口放在window上,最开始的做的是是放在了tabbar上,但是有一个问题,就是present跳转的时候,窗口就不能浮在最上层,所以tabbar得方案pass掉了。
  • 窗口与右上角入口互斥,因为一部分是原生页面,一部分是weex页面,我们并不能都控制到,所以右上角的显示和浮窗完全分开管理,如果浮窗滑动删除了就给右上角管理类发一个通知。
  • 窗口部分页面显示隐藏,这里是创建了一个配置文件,包括了不显示的原生页面和非原生页面,hook了viewdidapper 和 viewwillapper,进入到页面的时候先从配置文件中查找当前页面是否显示窗口,这里我写了一个枚举去标记当前页面的状态
  • 上滑消失,下滑隐藏,有两种解决方案,
    一种是针对屏幕上的滑动时间,进行处理,通过hook sendEvent函数,监听所有的触摸事件。
    一种是hook scrollview的setDelegate方法,通过delegate方法,替换掉滑动协议方法。
    两种方法各有各的好处,
    hook sendEvent方法,可以全app周期能够处理,但是iphone X这种屏幕,上滑的时候可能会误触,当然也可以限制触摸区域去解决,但是之后针对非scrollview页面也有了侵入性,可控性并不是很好。
    hook scrollview的setDelegate方法,好处是只针对滚动视图去处理,不好的也显而易见,不能滚动的页面就没办法控制浮条。
//方法一
- (void)swiz_sendEvent:(UIEvent *)event {
    [self swiz_sendEvent:event];
    NSSet *allTouches = [event allTouches];
    if ([allTouches count] > 0){
        [((UITouch *)[allTouches anyObject]).gestureRecognizers enumerateObjectsUsingBlock:^(UIGestureRecognizer * _Nonnull obj, NSUInteger idx, BOOL * _Nonnull stop) {
            if ([obj isKindOfClass:[UIPanGestureRecognizer class]]) {
                DDLogDebug(@"-------%@",obj);
                UIPanGestureRecognizer *ges = (UIPanGestureRecognizer *)obj;
                CGPoint translation = [ges translationInView:((UITouch *)[allTouches anyObject]).view];
                if (translation.y<0) {
                    //隐藏浮条
                }else if(translation.y>0){
                    //显示浮条
                }
                *stop = YES;
            }
        }];
    }
}

//方法二:
- (void)hook_setDelegate:(id<UIScrollViewDelegate>)delegate {
    [self hook_setDelegate:delegate];
    if ([self isKindOfClass:[UIScrollView class]]) {
//        NSLog(@"是UIScrollView,hook方法");
        SEL sel1 = @selector(scrollViewDidEndDragging:willDecelerate:);
        Method originalMethod1 = class_getInstanceMethod([delegate class], sel1);
        Hook_Method(GetSelectorInsClass([delegate class],sel1,originalMethod1), sel1, [self class], @selector(p_scrollViewDidEndDragging:willDecelerate:), @selector(add_scrollViewDidEndDragging:willDecelerate:));
        
        SEL sel2 = @selector(scrollViewShouldScrollToTop:);
        Method originalMethod2 = class_getInstanceMethod([delegate class],sel2);
        Hook_Method(GetSelectorInsClass([delegate class],sel2,originalMethod2), sel2, [self class], @selector(p_scrollViewShouldScrollToTop:), @selector(add_scrollViewShouldScrollToTop:));

    } else {
//        NSLog(@"不是UIScrollView,不需要hook方法");
    }
}


- (void)p_scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate{
    [self p_scrollViewDidEndDragging:scrollView willDecelerate:decelerate];
    CGPoint translation = [scrollView.panGestureRecognizer translationInView:scrollView.superview];
    if (translation.y<0) {
        //隐藏浮条
    }else if(translation.y>0){
        //显示浮条
    }
}

- (BOOL)p_scrollViewShouldScrollToTop:(UIScrollView *)scrollView {
    [self p_scrollViewShouldScrollToTop:scrollView];
    //显示浮条
    return YES;
}

- (void)add_scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate{
    CGPoint translation = [scrollView.panGestureRecognizer translationInView:scrollView.superview];
    if (translation.y<0) {
        //隐藏浮条
    }else if(translation.y>0){
        //显示浮条
    }
}

- (BOOL)add_scrollViewShouldScrollToTop:(UIScrollView *)scrollView {
    //显示浮条
    return YES;
}
  • 窗口显示不固定位置这个,现阶段大部分页面的高度都是有规律可循,因为底下有tabbar栏目的并不多,包括四大首页在内一共有7 8个这种页面,这里提供一个方法当页面显示完成时候去改变浮条位置。页面消失时候,又恢复成原来的位置。

最后:
浮条的难点主要是在遇到了html5页面的位置计算,这时候就要拜托web同学去帮忙处理。目前浮条这里的问题,是当音频播放页显示出来的时候,浮条需要先隐藏,下一步如果将音频播放页做成一个view扔在浮条的上层也许就能解决。
不知道你的浮条方案是什么,欢迎在留言区一起讨论。

相关文章

网友评论

    本文标题:iOS音乐播放器(下)

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