美文网首页
适配iOS15 & Xcode 13

适配iOS15 & Xcode 13

作者: 晒太阳的仙人掌是个程序媛 | 来源:发表于2021-10-09 13:50 被阅读0次

    设备升级到iOS15之后,电池条,导航条和底部tabBar的背景色,都成为了透明色,这给了APP设计极大的灵活性,同时也对于全局设计比较统一的APP造成了一定的麻烦。

    适配1 - TabBar

    适配tabBar非常简单,只需要在原有代码之上设置一下背景色即可。

    if (@available(iOS 15.0, *)) {
       self.tabBar.backgroundColor = [UIColor whiteColor];
    }
    
    // 更多的设置内容可以去探索:UITabBarAppearance。以上内容仅为我的APP适配所需。
    

    适配2 - 导航栏(UINavigationBar)

    // 备注:以下内容仅为我的APP适配所需,并非iOS15的内容都在于此。
    
    // 配置iOS15导航条
    - (void)configNavigationBarForiOS15 {
        if (@available(iOS 15.0, *)) {
            UINavigationBarAppearance *app = [[UINavigationBarAppearance alloc] init];
            // 不透明背景色
            [app configureWithOpaqueBackground];
            // 设置背景色
            app.backgroundColor = self.barBackgroundColor;
            // 磨砂效果
            app.backgroundEffect = [UIBlurEffect effectWithStyle:UIBlurEffectStyleSystemMaterial];
            // 导航条底部分割线图片(这里设置为透明)
            UIImage *image = [UIImage imageWithColor:UIColor.clearColor size:CGSizeMake(1.0f, 1.0f)];
            app.shadowImage = image;
            // 导航条富文本设置
            app.titleTextAttributes = @{NSFontAttributeName : [UIFont boldSystemFontOfSize:17.0f], NSForegroundColorAttributeName : self.barTintColor};
            // 当可滚动内容的边缘与导航栏的边缘对齐时,导航栏的外观设置。
            self.navigationController.navigationBar.scrollEdgeAppearance = app;
            // 标准高度导航条的外观设置(常规设置)
            self.navigationController.navigationBar.standardAppearance = app;
            // 应用于导航栏背景的色调。
            self.navigationController.navigationBar.barTintColor = self.barBackgroundColor;
            // 应用于导航栏按钮项的着色颜色。
            self.navigationController.navigationBar.tintColor = self.barTintColor;
        }
    }
    

    适配3 - UITableView

    我这里的tableView是使用的style是Plain模式,并且是分组显示的,SectionHeader是需要吸顶显示。所以升级了iOS15 & Xcode13之后,麻烦比较大。

    • 麻烦1 - SectionHeader的滚动问题:
      • 原来是SectionHeader在滚动时,下面的SectionHeader是推着上面的SectionHeader出屏幕的。
      • 升级后SectionHeader在滚动时,下面的SectionHeader是滚到上面的SectionHeader下面,直到完全占据其位置才显示。
    • 解决方案
    if (@available(iOS 15.0, *)) {self.tableView.sectionHeaderTopPadding = 0;}
    
    • 麻烦2 - SectionHeader的背景问题:
      • 原来是SectionHeader为透明显示,占其位而不遮挡其下面的任何内容,升级后SectionHeader为毛玻璃效果,并且在滚动吸顶和滚出屏幕的过程时会发生颜色渐变。
    • 解决方案
    if (@available(iOS 14.0, *)) {
       self.backgroundConfiguration = [UIBackgroundConfiguration clearConfiguration];
    }
    

    备注:查了一下,该问题应该发生在iOS14时,但是不知道什么原因,在iOS14&Xcode12时,我的APP并没有发生该问题。

    上面就是我这次在升级了iOS15&Xcode13所遇到的问题和解决方案,后续如果还有其他问题会持续更新的。

    相关文章

      网友评论

          本文标题:适配iOS15 & Xcode 13

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