iOS 15 适配笔记

作者: 孤雁_南飞 | 来源:发表于2021-09-22 10:20 被阅读0次
    1706847-fcbfee4737a09262.png

    前言

    环境

    Xcode 13.0  
    iOS 15.0  
    

    在 升级xcode 13.0 之后,正式开始支持 iOS15,就需要做适配 iOS15了,在 xcode 13.0 之前的就不会有什么影响的

    UINavigationBar

    用新 xcode13 编译工程后,导航栏的问题比较明显,调试之后发现是 UINavigationBar 部分属性的设置在 iOS15 上是无效的

    查看导航栏特性 API:UINavigationBarAppearance 后发现,iOS15navigationBar 的相关属性设置要通过实例 UINavigationBarAppearance 来实现,UINavigationBarAppearance 是 iOS13 更新的 API,应该有人已经在用,我们的应用兼容 iOS10 以上,对于导航栏的设置还没有使用 UINavigationBarAppearance,如今在 iOS15 上失效,所以对于呈现的问题,做如下适配:

    解决方法

    主要是以下两个属性 (UINavigationController 的属性)

    // 静止样式
    self.navigationBar.standardAppearance;
    // 滚动样式
    self.navigationBar.scrollEdgeAppearance;
    

    下面只列了 UINavigationController 主要处理代码

    swift
            if #available(iOS 13.0, *) {
                let appearance = UINavigationBarAppearance()
                  // 设置导航栏背景色
                appearance.backgroundColor = .white
                  // 去除导航栏阴影(如果不设置clear,导航栏底下会有一条阴影线)
                appearance.shadowColor = UIColor.clear
                  // 字体颜色、尺寸等
                appearance.titleTextAttributes = [NSAttributedString.Key.foregroundColor: UIColor.white]
                // 带scroll滑动的页面
                navigationController?.navigationBar.scrollEdgeAppearance = appearance
                // 常规页面
                navigationController?.navigationBar.standardAppearance = appearance 
            }
    
    Objective-C
        if (@available(iOS 13.0, *)) {
            UINavigationBarAppearance * appearance = [[UINavigationBarAppearance alloc] init];
            // 背景色
            appearance.backgroundColor = [UIColor whiteColor];
            // 去除导航栏阴影(如果不设置clear,导航栏底下会有一条阴影线)
            appearance.shadowColor = [UIColor clearColor];
            // 字体颜色、尺寸等
            appearance.titleTextAttributes = @{NSForegroundColorAttributeName: [UIColor redColor]};
            // 带scroll滑动的页面
            self.navigationController.navigationBar.scrollEdgeAppearance = appearance;
            // 常规页面
            self.navigationController.navigationBar.standardAppearance = appearance;
        }
    
    appdelegate全局设置

    (代码大差不差,此处就只列出 oc 的代码)之前有人遇到导航栏隐藏的返回按钮失效问题,备注里面也已经解决,并做出说明

    [[UIBarButtonItem appearance] setBackButtonTitlePositionAdjustment:UIOffsetMake(-200, 0) forBarMetrics:UIBarMetricsDefault];
        // iOS 15适配
        if (@available(iOS 13.0, *)) {
            UINavigationBarAppearance *appearance = [[UINavigationBarAppearance alloc] init];
            [appearance setBackgroundColor:[UIColor whiteColor]];
            // UINavigationBarAppearance 会覆盖原有的导航栏设置,这里需要重新设置返回按钮隐藏,不隐藏可注释或删掉
            appearance.backButtonAppearance.normal.titlePositionAdjustment = UIOffsetMake(-200, 0);
    
            [[UINavigationBar appearance] setScrollEdgeAppearance: appearance];
            [[UINavigationBar appearance] setStandardAppearance:appearance];
        }
    

    UITabbar

    tabbar 的问题和 navigationBar 的问题属于同一类,tabbar 背景颜色设置失效

    swift
            if #available(iOS 13.0, *) { 
                let appearance = UITabBarAppearance()
               // 背景色
                appearance.backgroundColor = .white
                tabBar.standardAppearance = appearance
                if #available(iOS 15.0, *) {
                    tabBar.scrollEdgeAppearance = appearance
                }
            } 
    
    Objective-C
        if (@available(iOS 13.0, *)) { 
            UITabBarAppearance * appearance = [[UITabBarAppearance alloc] init];
             // 背景色
            appearance.backgroundColor = [UIColor whiteColor];
            self.tabBar.standardAppearance = appearance; 
            if (@available(iOS 15.0, *)) {
                self.tabBar.scrollEdgeAppearance = appearance;
            }
        }
    

    TableView

    iOS 15 的 UITableView 新增了一条新属性:sectionHeaderTopPadding, 默认会给每一个 section header 增加一个高度,当我们使用 UITableViewStylePlain 初始化 UITableView 的时候,能发现 sectionHeader 增高了 22px。

    /// Padding above each section header. The default value is `UITableViewAutomaticDimension`.
        @available(iOS 15.0, *)
        open var sectionHeaderTopPadding: CGFloat
        
    //iOS 15中tableView会给每一个section的顶部(header以上)再加上一个22像素的高度,形成一个section和section之间的间距
    
    swift
    //为了配合以前的开发习惯,我们只需要在创建实例的时候进行对间距的设置即可
      if #available(iOS 15.0, *) {
          tableView.sectionHeaderTopPadding = 0
      }
    
    //或者appdelegate全局设置
      if #available(iOS 15.0, *) { 
         UITableView.appearance().sectionHeaderTopPadding = 0
       }
    
    Objective-C
    //为了配合以前的开发习惯,我们只需要在创建实例的时候进行对间距的设置即可
        if (@available(iOS 15.0, *)) { 
            tableView.sectionHeaderTopPadding = 0;
        }
    
     //或者appdelegate全局设置 
        if (@available(iOS 15.0, *)) {
            [UITableView appearance].sectionHeaderTopPadding = 0;
        }
    

    相关文章

      网友评论

        本文标题:iOS 15 适配笔记

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