凌驾所有视图之上的SuperView

作者: 本兮秀兮 | 来源:发表于2017-04-11 18:38 被阅读591次

    问题

    开发中可能会遇到这样的问题:使一个View在屏幕中不被任何视图遮盖?
    如果遇到类似的问题,这篇文章及示例可能对你有所启发。

    效果图

    superview.gif

    实现

    UIWindow了解

    要想实现这样的效果,首先要明白知道UIWindow以及一个应用如何通过UIWindow显示到屏幕。这里有一篇文章的讲的很详细
    关于UIWindow,这里讲两点:

    • UIWindow是一个特殊的UIView,一个app至少要有一个UIWindow,不论是UIView还是UIViewController,最终还是要通过UIWindow将视图绘制到屏幕上,才能显示。

    • UIWindow 有分层级(windowLevel),层级越高,显示在屏幕最上方。层级相同时,后面调用的UIWindow显示在上方。官方提供了三个常用层级:

      • UIWindowLevelNormal ---> 0
      • UIWindowLevelAlert ---> 2000
      • UIWindowLevelStatusBar ---> 1000
        键盘所在的UIRemoteKeyboardWindow 层级是10000000。

    SuperView的实现原理

    • 创建一个独立的UIWindow, 尺寸和SuperView一样。调用window 的 makeKeyAndVisible方法。别忘了调整superView在window 的frame。
    - (void)show {
        
        UIWindow *currentKeyWindow = [UIApplication sharedApplication].keyWindow;
        
        NSLog(@"super view frame: %@", NSStringFromCGRect(self.frame));
        if (!_superviewWindow) {
            _superviewWindow = [[BQSuperViewWindow alloc] initWithFrame:_currentFrame];
            _superviewWindow.rootViewController = [ BQSuperViewController new];
        } else {
            _superviewWindow.frame = _currentFrame;
        }
        
        [_superviewWindow makeKeyAndVisible];
        
        self.frame = CGRectMake(0, 0, self.frame.size.width, self.frame.size.height);
        
        self.layer.cornerRadius = self.frame.size.width <= self.frame.size.height ? self.frame.size.width / 2.0 : self.frame.size.height / 2.0;
        
        [_superviewWindow addSubview:self];
        
        // keep the original keyWindow to avoid some unpredictable problems
        [currentKeyWindow makeKeyWindow];
    
    }
    

    要显示在屏幕最上方,窗口的windowLevel要够大。

    • 添加拖动手势,根据拖动位置更新window的frame。
      至于多动的边界控制其实挺简单,详细代码后面有链接。
    [UIView animateWithDuration:.25 animations:^{
                _superviewWindow.center = newCenter;
                //
                if (_superviewWindow.hidden == YES) {
                    self.center = newCenter;
                }
                
                // record frame for superview back to superviewWindow
                _currentFrame = _superviewWindow.frame;
            }];
    
    
    • 添加键盘弹出和隐藏的通知,
      键盘显示时,隐藏独立的window。然后将superView在屏幕中的frame换算到UIRemoteKeyboardWindow中显示。
      键盘隐藏时,重新显示独立的window,根据superView(frame可能变化)的最新frame设置window的位置并显示。
    - (void)keyboardIsShown:(NSNotification *)note {
        
        [self convertSuperViewToKeyboardWindow];
    }
    - (void)keyboardDidHide {
        
        [self show];
    }
    
    - (void)convertSuperViewToKeyboardWindow {
        //hide the superViewWindow
        [self hide];
        
        // add superView in keyboardWindow
        self.frame = _currentFrame;
        
        [[self keyboardWindow] addSubview:self];
    }
    
    

    最后的最后

    1.完整的实现代码在这里!
    2.如果有更好的实现,可以给在评论区留言。或者在github上提出,我会及时跟进。
    3.别忘了点赞哈!别忘了点赞哈!别忘了点赞哈!

    相关文章

      网友评论

        本文标题:凌驾所有视图之上的SuperView

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