IOS屏幕适配(四)最新系统IOS13适配

IOS屏幕适配(四)最新系统IOS13适配

  • 3. IOS 最新系统适配问题
    • 3.1 IOS 13 适配
      • 3.1.1 即将废弃的 LaunchImage
      • 3.1.2 Sign in with Apple -提供第三方登录的注意啦
      • 3.1.3 iOS 13 DeviceToken有变化
      • 3.1.4 MPMoviePlayerController 在iOS 13已经不能用了
      • 3.1.5 控制器的 modalPresentationStyle 默认值变了
      • 3.1.6 UITextField 的私有属性 _placeholderLabel 被禁止访问了
      • 3.1.7 UISearchBar显示问题
      • 3.1.8 黑暗模式 Dark Mode
        • 3.1.8.1 适配黑暗模式
          • 3.1.8.1.1 模拟器调试
          • 3.1.8.1.2 图片适配
          • 3.1.8.1.3 颜色适配
          • 3.1.8.1.4 状态栏适配
      • 3.1.9 模态弹出默认交互改变
      • 3.1.10 App启动过程中,部分View可能无法实时获取到frame

3. IOS 最新系统适配问题

  • 苹果官方资料:
  1. WWDC19视频
  2. Xcode 11 beta 下载
  3. macOS Catalina 10.15 beta 下载

3.1 IOS 13 适配

3.1.1 即将废弃的 LaunchImage

从 iOS 8 的时候,苹果就引入了 LaunchScreen,我们可以设置 LaunchScreen来作为启动页。当然,现在你还可以使用LaunchImage来设置启动图。不过使用LaunchImage的话,要求我们必须提供各种屏幕尺寸的启动图,来适配各种设备,随着苹果设备尺寸越来越多,这种方式显然不够 Flexible。而使用 LaunchScreen的话,情况会变的很简单, LaunchScreen是支持AutoLayout+SizeClass的,所以适配各种屏幕都不在话下。

  • 注意啦⚠️,从2020年4月开始,所有使⽤ iOS13 SDK的 App将必须提供 LaunchScreen,LaunchImage即将退出历史舞台*

3.1.2 Sign in with Apple -提供第三方登录的注意啦

如果你的应用使用了第三方登录,那么你可能也需要加下 「Sign in with Apple」
Sign In with Apple will be available for beta testing this summer. It will be required as an option for users in apps that support third-party sign-in when it is commercially available later this year.

  • 如何集成 可以参考这篇博客:Sign in with Apple

3.1.3 iOS 13 DeviceToken有变化

NSString *dt = [deviceToken description];
dt = [dt stringByReplacingOccurrencesOfString: @"<" withString: @""];
dt = [dt stringByReplacingOccurrencesOfString: @">" withString: @""];
dt = [dt stringByReplacingOccurrencesOfString: @" " withString: @""];
这段代码运行在 iOS 13 上已经无法获取到准确的DeviceToken字符串了,iOS 13 通过[deviceToken description]获取到的内容已经变了。

  • 解决方案
- (void)application:(UIApplication *)application didRegisterForRemoteNotificationsWithDeviceToken:(NSData *)deviceToken
{
    if (![deviceToken isKindOfClass:[NSData class]]) return;
    const unsigned *tokenBytes = [deviceToken bytes];
    NSString *hexToken = [NSString stringWithFormat:@"%08x%08x%08x%08x%08x%08x%08x%08x",
                          ntohl(tokenBytes[0]), ntohl(tokenBytes[1]), ntohl(tokenBytes[2]),
                          ntohl(tokenBytes[3]), ntohl(tokenBytes[4]), ntohl(tokenBytes[5]),
                          ntohl(tokenBytes[6]), ntohl(tokenBytes[7])];
    NSLog(@"deviceToken:%@",hexToken);
}

3.1.4 MPMoviePlayerController 在iOS 13已经不能用了

‘MPMoviePlayerController is no longer available. Use AVPlayerViewController in AVKit.’

  • 解决方案:

既然不能再用了,那只能换掉了。替代方案就是AVKit里面的那套播放器。

3.1.5 控制器的 modalPresentationStyle 默认值变了

查阅了下 UIModalPresentationStyle枚举定义,赫然发现iOS 13新加了一个枚举值:

typedef NS_ENUM(NSInteger, UIModalPresentationStyle) {
    UIModalPresentationFullScreen = 0,
    UIModalPresentationPageSheet API_AVAILABLE(ios(3.2)) API_UNAVAILABLE(tvos),
    UIModalPresentationFormSheet API_AVAILABLE(ios(3.2)) API_UNAVAILABLE(tvos),
    UIModalPresentationCurrentContext API_AVAILABLE(ios(3.2)),
    UIModalPresentationCustom API_AVAILABLE(ios(7.0)),
    UIModalPresentationOverFullScreen API_AVAILABLE(ios(8.0)),
    UIModalPresentationOverCurrentContext API_AVAILABLE(ios(8.0)),
    UIModalPresentationPopover API_AVAILABLE(ios(8.0)) API_UNAVAILABLE(tvos),
    UIModalPresentationBlurOverFullScreen API_AVAILABLE(tvos(11.0)) API_UNAVAILABLE(ios) API_UNAVAILABLE(watchos),
    UIModalPresentationNone API_AVAILABLE(ios(7.0)) = -1,
    UIModalPresentationAutomatic API_AVAILABLE(ios(13.0)) = -2,
};
  • 解决方案
  1. 如果你完全接受苹果的这个默认效果,那就不需要去修改任何代码。
  2. 如果,你原来就比较细心,已经设置了modalPresentationStyle的值,那你也不会有这个影响。
  3. 对于想要找回原来默认交互的同学,直接设置如下即可:
    self.modalPresentationStyle = UIModalPresentationOverFullScreen;

3.1.6 UITextField 的私有属性 _placeholderLabel 被禁止访问了

  • IOS 13下调用下面代码会导致闪退
[self.textField setValue:self.placeholderColor forKeyPath:@"_placeholderLabel.textColor"];

打印错误信息如下:

‘Access to UITextField’s _placeholderLabel ivar is prohibited. This is an application bug’

  • 解决方案:
UITextField有个attributedPlaceholder的属性,我们可以自定义这个富文本来达到我们需要的结果。

NSMutableAttributedString *placeholderString = [[NSMutableAttributedString alloc] initWithString:placeholder attributes:@{NSForegroundColorAttributeName : self.placeholderColor}];
_textField.attributedPlaceholder = placeholderString;

iOS 13 通过 KVC 方式修改私有属性,有 Crash 风险,谨慎使用!并不是所有KVC都会Crash,要尝试!

3.1.7 UISearchBar显示问题

  • SearchBar的高度只有1px
  1. 升级到iOS13,UISearchController上的SearchBar显示异常,查看后发现对应的高度只有1px,目前没找到具体导致的原因,
  2. 解决办法是: 使用KVO监听frame值变化后设置去应该显示的高度
  • 黑线处理crash
  1. 之前为了处理搜索框的黑线问题会遍历后删除UISearchBarBackground,在iOS13会导致UI渲染失败crash;
  2. 解决办法是: 设置UISearchBarBackground的layer.contents为nil
  • TabBar红点偏移
  1. 如果之前有通过TabBar上图片位置来设置红点位置,在iOS13上会发现显示位置都在最左边去了。遍历UITabBarButton的subViews发现只有在TabBar选中状态下才能取到UITabBarSwappableImageView,
  2. 解决办法是: 修改为通过UITabBarButton的位置来设置红点的frame

3.1.8 黑暗模式 Dark Mode

Apps on iOS 13 are expected to support dark mode
Use system colors and materials
Create your own dynamic colors and images Leverage flexible infrastructure

UI 需要出一套新交互

  • 在iOS13,为UIViewController和UIView扩展了一个新的API-overrideUserInterfaceStyle,使用方法,官方文档大致是这么说的:
  1. 通过设置overrideUserInterfaceStyle属性以使该视图及其子视图具有特定的UIUserInterfaceStyle。但如果想要获取当前的UIUserInterfaceStyle,需要改用traitCollection.userInterfaceStyle。
  2. 尽可能使用UIViewController上的overrideUserInterfaceStyle属性。仅在以下时间使用此属性:
    (1) 在单个视图或小视图层次结构上局部使用特定样式。
    (2) 您希望在整个UIWindow及其视图控制器和模态弹出的ViewController上使用特定样式,且不希望强制更改整个应用程序具有样式。 (如果您确实希望整个应用程序具有某种样式,请不要使用它,而是在Info.plist中设置UIUserInterfaceStyle键。)
  3. 当设置在普通的UIView上时:
    此属性仅影响此视图及其子视图的特征。
    它不会影响任何视图控制器或其他视图控制器的子视图。
  4. 在UIWindow上设置时:
    此属性会影响rootViewController,从而影响整个视图控制器和视图层次结构。
    它还会影响该window模态出来的界面。
  • 由此可见,overrideUserInterfaceStyle不仅会影响自己,还会影响自己的子视图,换做window就会影响整个window中的所有视图及视图控制器,包括模态跳转出来的视图控制器。
    而且,文档中也特别强调了,你可以设置整个应用程序只是用某种样式,具体方法可以通过代码,也可以通过info.plist配置键User Interface Style,对应的ValueLight/Dark
if #available(iOS 13.0, *) {
    window?.overrideUserInterfaceStyle = .light;
}

IOS屏幕适配(四)最新系统IOS13适配_第1张图片

3.1.8.1 适配黑暗模式

  • 适配Dark 模式主要从这几个方面:
  1. 模拟器调试(simulator debug)
  2. 图片(assets)
  3. 颜色(color)
  4. 状态栏(status bar)
3.1.8.1.1 模拟器调试
  • 运行项目,点击Xcode底部调试栏中Environment Overrides.
  • 开启Interface Style,就可以切换了。如下图:
    IOS屏幕适配(四)最新系统IOS13适配_第2张图片
    IOS屏幕适配(四)最新系统IOS13适配_第3张图片
3.1.8.1.2 图片适配
  • 图片适配,主要是我们本地图片资源适配,网络图片的话,还是比较繁琐。
  • 图片适配比较方便的就是通过Assets.xcassets进行图片管理:
  1. 添加一个image set,重命名如"adaptimage",选中该image set;
  2. 选中Attributes Inspector;
  3. 将Appearances由"None"改为"Any,Dark";
  4. 不同模式下设置不同图片即可,mode 改变会自动选择不同的图片
    IOS屏幕适配(四)最新系统IOS13适配_第4张图片
  • 当然图片适配,你也可以直接使用判断当前系统mode的方式进行区分,就我个人而言不是很喜欢这种方式,因为还需要监听系统模式的变化,重写UITraitEnvironment协议方法traitCollectionDidChange(_:),我们先看下协议方法:
/** Trait environments expose a trait collection that describes their environment. */
public protocol UITraitEnvironment : NSObjectProtocol {

    @available(iOS 8.0, *)
    var traitCollection: UITraitCollection { get }

    /** To be overridden as needed to provide custom behavior when the environment's traits change. */
    @available(iOS 8.0, *)
    func traitCollectionDidChange(_ previousTraitCollection: UITraitCollection?)
}

  • 最后,我们只需要在改变系统mode的时候,重写代理:
func updateImageView() {
    let image = traitCollection.userInterfaceStyle == .light ? UIImage(named: "dark-ios") : UIImage(named: "white-ios")
    imageView.image = image
}

override func traitCollectionDidChange(_ previousTraitCollection: UITraitCollection?) {
    super.traitCollectionDidChange(previousTraitCollection)
    updateImageView()
}
3.1.8.1.3 颜色适配
  • 颜色适配有三种方式:
  • 方法一:是通过Assets.xcassets添加一个Color Set,目前系统支持≥iOS11.0
extension UIColor {
    @available(iOS 11.0, *)
    public /*not inherited*/ init?(named name: String) // load from main bundle

    @available(iOS 11.0, *)
    public /*not inherited*/ init?(named name: String, in bundle: Bundle?, compatibleWith traitCollection: UITraitCollection?)
}

IOS屏幕适配(四)最新系统IOS13适配_第5张图片

  • 方法二:代码创建动态颜色init(dynamicProvider: @escaping (UITraitCollection) -> UIColor),目前系统支持≥iOS 13.0
// 方法二
let titleColor = UIColor.init(dynamicProvider: { (trait) -> UIColor in
    return trait.userInterfaceStyle == .light ? UIColor.black : UIColor.white
})
btn.setTitleColor(titleColor, for: .normal)
  • 方法三:像图片一样,监听模式转变,重写traitCollectionDidChange(_:)方法,不推荐这种。
3.1.8.1.4 状态栏适配
  • 目前状态栏也增加了一种模式,由之前的两种,变成了三种, 其中default由之前的黑色内容,变成了会根据系统模式,自动选择当前展示lightContent还是darkContent
public enum UIStatusBarStyle : Int {
    case `default` // Automatically chooses light or dark content based on the user interface style

    @available(iOS 7.0, *)
    case lightContent // Light content, for use on dark backgrounds

    @available(iOS 13.0, *)
    case darkContent // Dark content, for use on light backgrounds
}
  • 我们在使用的时候,就可以重写preferredStatusBarStyle的get方法:
override var preferredStatusBarStyle: UIStatusBarStyle{
    get{
        return .lightContent
    }
}

3.1.9 模态弹出默认交互改变

iOS 13 的 presentViewController 默认有视差效果,模态出来的界面现在默认都下滑返回。 一些页面必须要点确认才能消失的,需要适配。如果项目中页面高度全部是屏幕尺寸,那么多出来的导航高度会出现问题。

/*
 Defines the presentation style that will be used for this view controller when it is presented modally. Set this property on the view controller to be presented, not the presenter.
 If this property has been set to UIModalPresentationAutomatic, reading it will always return a concrete presentation style. By default UIViewController resolves UIModalPresentationAutomatic to UIModalPresentationPageSheet, but other system-provided view controllers may resolve UIModalPresentationAutomatic to other concrete presentation styles.
 Defaults to UIModalPresentationAutomatic on iOS starting in iOS 13.0, and UIModalPresentationFullScreen on previous versions. Defaults to UIModalPresentationFullScreen on all other platforms.
 */
@property(nonatomic,assign) UIModalPresentationStyle modalPresentationStyle API_AVAILABLE(ios(3.2));
  • 解决方案:
// Swift
self.modalPresentationStyle = .fullScreen
 
// Objective-C
self.modalPresentationStyle = UIModalPresentationFullScreen;

3.1.10 App启动过程中,部分View可能无法实时获取到frame

可能是为了优化启动速度,App 启动过程中,部分View可能无法实时获取到正确的frame

  • 解决方案
// 只有等执行完 UIViewController 的 viewDidAppear 方法以后,才能获取到正确的值,在viewDidLoad等地方 frame Size 为 0,例如:
 [[UIApplication sharedApplication] statusBarFrame];

更多关于IOS的变化参考:iOS13AdaptationTips

少壮不努力,老大徒悲伤

参考博客:https://www.jianshu.com/p/75f34462bd9a

你可能感兴趣的:(IOS屏幕适配)