设备升级到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并没有发生该问题。
网友评论