凌驾所有视图之上的SuperView

问题

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

效果图

凌驾所有视图之上的SuperView_第1张图片
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)