iOS 15 适配踩坑:NavigationBar、UITabBar失效问题

最新推荐文章于 2023-07-20 10:33:00 发布
最新推荐文章于 2023-07-20 10:33:00 发布
阅读量2.4k 收藏 4
点赞数 2
分类专栏： iOS iOS开发 文章标签： ios ui xcode
原文链接：https://www.jianshu.com/p/24aa50527e79
版权
iOS 同时被 2 个专栏收录
142 篇文章 2 订阅
订阅专栏
iOS开发
66 篇文章 0 订阅
订阅专栏

苹果前两天推出了iOS 15。秋天都等不及~~

相关链接：ios 15.0 适配问题：NavigationBar和UITabBar失效问题

Xcode 13 beta版，iOS 15 beta 3的系统。
除了客户提出的问题，自己还发现了两处UI异常，不过说不定苹果能良心发现，在正式版中给修复一下。

坑

一、企业签名的 App 无法使用

客户反馈说 App 不能正常打开，并且提示下面的这种信息：

“xxx”Needs to Be Updated : The developer of this app needs to update it to work with this version of iOS.

“xxx”需要更新 ：App开发者需要更新此App以在此iOS版本上正常工作。

<center style="box-sizing: border-box; color: rgb(201, 202, 204); font-family: Menlo, "Meslo LG", monospace; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(29, 31, 33); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">

猜测是需要重签名或者使用最新的 Xcode 打包。

我看苹果论坛上有人说必须使用新的 Xcode 以适配 iOS 15，但我用旧版的 Xcode 重新打了一个包，也可以解决这个问题。所以，不方便更新 Xcode 的话，可以尝试重签名试试。

睡了一觉之究极补充： 签名问题与 Xcode 版本无关，而是 Mac 系统导致的，将 macOS 升级到 11.* Big Sur 以上再进行重新签名，可以解决 App 无法使用的问题。

二、 NavigationBar 颜色及背景失效

1. 问题描述

项目中往往会自定义一个导航控制器，方便全局指定导航条的背景色、标题颜色等等。以设置背景色和标题颜色为例：

//背景色
self.navigationBar.barTintColor = RGB(42, 109, 240);
//Title 颜色
NSDictionary *titleTextAttributes = @{NSFontAttributeName:[UIFont fontWithName:@"" size:18], NSForegroundColorAttributeName:RGB(255, 255, 255)};
[self.navigationBar setTitleTextAttributes:titleTextAttributes];

但在 iOS 15上发现，指定的背景色失效了，但滚动控制器的视图时，导航条的背景又出现了。看了一眼 UINavigationBar 的 API，15中并没有新增的。倒是有几个 iOS 13新增的 API 我没用过……哈哈哈，写到这里觉得自己以前的功课落下太多了，13的更新还没学习呢😂😂😂😂😂

2. iOS 13新增 API

  • standardAppearance : 描述导航栏以标准高度显示时要使用的外观属性。

@property (nonatomic, readwrite, copy) UINavigationBarAppearance *standardAppearance;
  • compactAppearance : 描述导航栏在紧凑高度时使用的外观属性。如果未设置，则将使用标准外观。

@property (nonatomic, readwrite, copy, nullable) UINavigationBarAppearance *compactAppearance;
  • scrollEdgeAppearance : 描述当关联的 UIScrollView 向上滚动时要使用的导航栏的外观属性。如果未设置，将改用修改后的standardAppearance。

@property (nonatomic, readwrite, copy, nullable) UINavigationBarAppearance *scrollEdgeAppearance;
  • compactScrollEdgeAppearance : 描述当导航栏以紧凑的高度显示时，以及关联的 UIScrollView 往上滚动时，要使用的导航栏的外观属性。如果未设置，则首先尝试 scrollEdgeAppearance，如果为nil，则尝试 compactAppearance，然后尝试修改 standardAppearance。

@property(nonatomic,readwrite, copy, nullable) UINavigationBarAppearance *compactScrollEdgeAppearance;

3. 解决办法

根据我们的问题现象，猜测是 standardAppearance 和 scrollEdgeAppearance 需要调整，如果正常状态和滚动状态颜色一样，可以修改如下：

NSDictionary *titleTextAttributes = @{NSFontAttributeName:[UIFont fontWithName:MAIN_FONT_FAMILY size:18], NSForegroundColorAttributeName:RGB(255, 255, 255)};
if (@available(iOS 13.0, *)) {
 UINavigationBarAppearance *appearance = [UINavigationBarAppearance new];
 appearance.backgroundColor = RGB(42, 109, 240);
 appearance.titleTextAttributes = titleTextAttributes; 
 self.navigationBar.standardAppearance = appearance;
 self.navigationBar.scrollEdgeAppearance = appearance;
} else {
 // Fallback on earlier versions
 self.navigationBar.barTintColor = RGB(42, 109, 240);
 [self.navigationBar setTitleTextAttributes:titleTextAttributes];
}

Bingo！颜色显示正常啦

所以这是什么意思？强买强卖吗？必须设置 Appearance 才可以？

4. 遗留问题

在 Xcode 13-beta 中，必须同时指定 standardAppearance 和 scrollEdgeAppearance 才可以。但根据苹果的注释，如果 scrollEdgeAppearance 为nil，会默认使用 standardAppearance 啊。燃鹅并不行。不知道是苹果的 bug 还是怎么的……朋友昨天叫我一起转行了，因为他觉得苹果的系统做的一年不如一年~ 😂

三、UITabBar 背景图失效

这个问题有点类似上一个，UITabBar 之前设置的背景图片，老版本可以，iOS 15上表现为空白。参考问题二的思路，找到了下面的 API，做个兼容就可以了。当然，遗留问题同上，必须同时指定 standardAppearance 和 scrollEdgeAppearance 才可以……🙄……而且，如果在初始化以后，某个时机单独修改了 standardAppearance，也必须要同步指定一下 scrollEdgeAppearance ……🙄

  • API

@property (nonatomic, readwrite, copy) UITabBarAppearance *standardAppearance;//ios 13.0.
@property (nonatomic, readwrite, copy, nullable) UITabBarAppearance *scrollEdgeAppearance;//ios 15.0.
  • 老方式

[self.tabBar setBackgroundImage:[img imageWithRenderingMode:(UIImageRenderingModeAlwaysOriginal)]];
  • 兼容新的API

UIImage *img = [UIImage imageNamed:@"ahaaaaa"];
if (@available(iOS 13.0, *)) {
 UITabBarAppearance *appearance = [[UITabBarAppearance alloc] init];
 appearance.backgroundImage = img;
 appearance.backgroundImageContentMode = UIViewContentModeScaleToFill;
 self.tabBar.standardAppearance = appearance;
 if (@available(iOS 15.0, *)) {
 self.tabBar.scrollEdgeAppearance = appearance;
 } else {
 // Fallback on earlier versions
 }
} else {
 // Fallback on earlier versions
 [self.tabBar setBackgroundImage:[img imageWithRenderingMode:(UIImageRenderingModeAlwaysOriginal)]];
}

|

四、UITabBarItem 文字颜色失效

……还是同上，新版本中 UITabBarItem 文字颜色的修改不起作用。同样是在 iOS 13 中新增的 UITabBarItemAppearance 来修改 Item 的不同状态下的不同表现。遗留问题同上。

  • 相关的类型如下，其他的API就不贴了：

UITabBarItemAppearance 、 UITabBarItemStateAppearance

/// The appearance when the tab bar item is in the normal state
@property (nonatomic, readonly, strong) UITabBarItemStateAppearance *normal;

/// The appearance when the tab bar item is in the selected state
@property (nonatomic, readonly, strong) UITabBarItemStateAppearance *selected;

/// The appearance when the tab bar item is in the disabled state
@property (nonatomic, readonly, strong) UITabBarItemStateAppearance *disabled;

/// The appearance when the tab bar item is in the focused state
@property (nonatomic, readonly, strong) UITabBarItemStateAppearance *focused;
  • 兼容新的API

//Set tabBar style.
UIColor *normalTitleColor = RGBA(80, 80, 81, 1);
UIColor *selectedTitleColor = RGBA(42, 109, 240, 1);
if (@available(iOS 13.0, *)) {
 UITabBarItemAppearance *itemAppearance = [[UITabBarItemAppearance alloc] init];
 itemAppearance.normal.titleTextAttributes = @{NSForegroundColorAttributeName : normalTitleColor};
 itemAppearance.selected.titleTextAttributes = @{NSForegroundColorAttributeName : selectedTitleColor};
 UITabBarAppearance *appearance = [[UITabBarAppearance alloc] init];
 appearance.stackedLayoutAppearance = itemAppearance;
 self.tabBar.standardAppearance = appearance;
 if (@available(iOS 15.0, *)) {
 self.tabBar.scrollEdgeAppearance = appearance;
 } else {
 // Fallback on earlier versions
 }
}else if (@available(iOS 10.0, *)) {
 self.tabBar.tintColor = normalTitleColor;
 self.tabBar.unselectedItemTintColor = selectedTitleColor;
}else {
 // Fallback on earlier versions
}

五、 UITableView Header 高度失效

通常 TableView 第一个分组如果不需要 Header 的话，我们会给个0.01的高度，看上去就是顶部没有空白的效果。

- (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section {
 return 0.01;
}

但在 iOS 15上视图的顶部默认会下沉几个像素，我以为磨人的 automaticallyAdjustsScrollIndicatorInsets这类小妖精又出现了，尝试了一下好像不是这类问题。😂

看了一眼官网的 API 变动，发现了一个小秘密：

The amount of padding above each section header.

每个分组Header上方的填充量。

@property(nonatomic) CGFloat sectionHeaderTopPadding;

所以我就这样:

if (@available(iOS 15.0, *)) {
 self.tableView.sectionHeaderTopPadding = 0;
}

试着改了一下，毕竟试试又不会怀孕。好了……有那么一瞬间我仿佛能理解苹果为什么加这个属性，貌似真的有场景会用到这个间距。冷静了一下，我发现我还是太菜了，理解不了~~~~~

六、UITextField 的 clearButton 向右偏移

_UITextFieldClearButton 向右偏移了一点儿点儿…有点压到边框，倒是不影响使用，然后我也不知道怎么改，谁知道告诉我一下。阿里嘎多~

目前就发现了这几个问题。希望秋天到来的时候，开发者们不用花太多时间在 UI 适配上。

chenyxh2005
关注
专栏目录
自定义UINavigationBar 适配iOS11, iOS15的问题
Rey的技术博客
11-16 2009
前言 时常会遇到这样的需求：APP应用大部分页面，会使用统一的导航条样式。但有些特殊情况下需要展示不同的效果。 我们知道在一个导航控制器栈中处理不同的导航条样式是比较繁琐的， 即使能处理结果也达不到预期。 针对这样的需求，最简单的办法就是特殊情况下的页面自定义UINavigationBar 方案 为了还可以使用系统提供的API， 我们自定义的导航条控件还是继承自系统提供的UINavigationBar。 这样我们就保留了可以继续使用系统提供的多种能力，如：设置 leftBarButtonItem, righ
iOS小技能：iOS15 的UI相关适配
iOS逆向与安全
09-28 1742
文章目录引言I、TabBar、NavigationBar、Toolbar 背景颜色1.1 问题1.2 解决方法1.3 tabBar适配1.4 Toolbar 适配1.5 NavigationBar适配II TableView 适配2.1 sectionHeaderTopPaddingsee also 引言 一年一度的iOS 系统 API适配来了，9 月 14 日起 App Store Connect 已经开放 iOS 15 和 iPadOS 15 App 的提交，同时苹果宣布自 2022 年 4 月
iOS7之后，关于NavigationBar存在时，UIScrollView内容发生偏移的问题
Dr的专栏
04-20 3583
⭐️最近才遇到的坑，我很纳闷之前为毛没发现： 在使用NavigationBar的ViewController中，navigationbar的下方，添加了一个UIScrollView，类似于网易新闻，实现内容左右滑动，但是发现scrollView中的内容偏移了，不管怎么设置frame，scrollView中的滚动内容总是偏移的！！！⭐️后来想起来在iOS7之后，苹果做的牛（S）逼（B）调整，如果Vi
iOS学习—NavigationBar适配iOS15
qq_43441647的博客
12-22 316
iOS学习—NavigationBar适配iOS15
IOS开发之UINavigationBar
weixin_30810239的博客
09-12 153
简介UINavigationBar是用于实现管理层级关系内容的组件，直接继承自UIView。通常用在UINavgationController类中，用于管理和显示UINavgationController的subViewController , 同时UINavgationBar也可以单独使用，添加至任何的UIView中。UINavigationBar比较重要的属性为，左侧按钮，中间的标题，以及右...
ios导航栏标题设置无效
liangchunyan99的博客
04-10 349
常量一旦设定，在程序运行时就无法改变其值。 常量可以是任何的数据类型如：整型常量，浮点型常量，字符常量或字符串常量。同样也有枚举类型的常量： 常量类似于变量，区别在于常量的值一旦设定就不能改变，而变量的值可以随意更改。 ...
iOS如何让主界面不显示NavigationBar
jeffasd的专栏
11-26 1129
http://www.cocoachina.com/bbs/read.php?tid=99139 这个问题曾经也困扰过我。现在我给出正解。 - (void)viewWillAppear:(BOOL)animated {     [super viewWillAppear:animated];     [self.navigationController setNavigationB
NavigationBarTips:NavigationBar的一些技巧
05-17
在iOS开发中，`NavigationBar`是用户界面的重要组成部分，它通常位于每个屏幕的顶部，包含应用的标题、返回按钮和其他自定义元素。本篇将详细探讨`NavigationBar`的一些实用技巧，帮助开发者提升应用的用户体验。 ...
iOS11适配工作及导航栏影藏返回文字的解决方法
08-28
iOS11适配工作及导航栏影藏返回文字的解决方法 iOS11适配工作是每个iOS开发者都需要了解和掌握的知识点之一。iOS11带来了许多新的变化和特性，对于开发者来说是一个很大的挑战。下面我们将详细介绍iOS11适配工作及...
iOS15适配汇总
iOS逆向与安全
09-28 2163
文章目录引言I、 UI相关适配1.1 tabbar及navicationbar 背景颜色1.2 tableView section的顶部高度 引言 I、 UI相关适配 1.1 tabbar及navicationbar 背景颜色 问题：没有使用UINavigationBarAppearance和UITabBarAppearance相关方法设置背景，在iOS15回导致背景颜色失效。 在iOS15设置颜色失效的相关方法 self.navigationController.navigationBar.barTint
iOS中的导航栏UINavigationBar与工具栏UIToolBar要点解析
09-02
UINavigation可以附着于导航控制器之中使用,也可以在controller中单独使用,这里我们将来看iOS中的导航栏UINavigationBar与工具栏UIToolBar要点解析.
适配iOS14下pop多层控制器至首页时，tabbar不显示问题
01-26
此资源是方案二的源码，具体原理分析请看这个文章：https://kunnan.blog.csdn.net/article/details/113176114 推荐使用方案一【重写pushViewControlle】r 对应文章：https://kunnan.blog.csdn.net/article/details/108754000 1、问题的重现步骤：pop多层控制器 2、构建重现demo： 2.1、 点击屏幕模拟push多层VC 时间间隔 2s，持续3次 2.2、 再次点击pop页面会进行popToRoot操作。
iOS开发之UI篇（15）—— UITabBarController
看影成痴
09-18 607
版本 Xcode 10.2 iPhone 6s (iOS12.4) 目录版本继承关系简介创建方法属性UITabBarItemUIBarItem 继承关系 UITabBarController : UIViewController : UIResponder : NSObject 简介 A container view controller that manages a radio-style ...
iOS有UITabBar的导航栏设置setNavigationBarHidden显示不生效问题，
m0_75202730的博客
02-20 574
setNavigationBarHidden不生效，不好使，没显示
ios15开发---navigationBar setBackgroundImage设置导航栏背景图片失效
最新发布
qq_43515884的博客
07-20 583
当在导航栏页面中存在scroller这种可以滚动的控件时，滑动页面时背景图片会显示，回到顶部又消失了；
iOS15tabbar显示透明处理
qiluoyiyi的专栏
05-13 2503
scrollview界面显示了透明tabbar处理 更新了iOS15之后，页面的tabbar显示透明了，切换下又正常，尤其是滚动到底部的时候，本来设置了背景图的，又变成透明样式的了。 if(@available(iOS 15.0, *)) { UITabBarAppearance *apperarance = [[UITabBarAppearance alloc] init]; [apperarance configureWithOpaqueBackground]; apperarance
IOS界面push跳转后navigationController不显示
Keep Learning , Keep Improving !
12-22 6163
1.[self.navigationController pushViewController:newC animated:YES]; //跳转到下一页面 2.[self.navigationController popViewControllerAnimated:YES]; //返回上一页面 3.[self.navigationController popToRootViewCo
自定义UINavigationBar
08-29 7700
1、UINavigationBar的背景自定义图片       要实现navigationBar的背景自定义图片，是直接定义一个UINavigationBar的category，并重写drawRect方法。     修改方法的具体代码如下： @implementation UINavigationBar (CustomImage) -(void)drawRect:(CG
iOS11适配指南：解决tableView内容偏移与安全区域
本文将深入探讨iOS11下APP中tableView内容下移的问题，安全区域的概念以及如何适配。 一、tableView内容下移的原因 在iOS11之前，automaticallyAdjustsScrollViewInsets属性用于控制滚动视图（如UITableView）是否...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值