iOS 14 的一些适配问题

UIDatePicker

在 iOS 14 开始,UIDatePicker 默认样式为:

iOS14 默认样式

而在 iOS14 之前的样式是

iOS 14 之前默认样式

同样的代码,显示样式不一样

UIDatePicker *datePicer = [[UIDatePicker alloc] initWithFrame:CGRectMake(0, 200, self.width, 100)];
datePicer.backgroundColor = [UIColor whiteColor];
[self addSubview:datePicer];

虽然有设置 UIDatePickerframe,但是在 iOS 14 上完全没有效果,要想在 iOS 14 上显示跟之前一样,还要再设置 preferredDatePickerStyle 这个属性为 UIDatePickerStyleWheels.

/// Request a style for the date picker. If the style changed, then the date picker may need to be resized and will generate a layout pass to display correctly.
@property (nonatomic, readwrite, assign) UIDatePickerStyle preferredDatePickerStyle API_AVAILABLE(ios(13.4)) API_UNAVAILABLE(tvos, watchos);

对于这个属性,是 UIDatePicker 的样式,如果样式发生了更改,则可能需要调整 UIDatePicker 的大小并生成布局展示出来

所以如果只是单单设置了这个属性还不行,还需要再重新设置 FramebackgroundColor

UIDatePicker *datePicer = [[UIDatePicker alloc] initWithFrame:CGRectMake(0, 200, self.width, 100)];
if (@available(iOS 13.4, *)) {
    datePicer.preferredDatePickerStyle = UIDatePickerStyleWheels; // 只设置了 preferredDatePickerStyle 属性
}
datePicer.backgroundColor = [UIColor whiteColor];
[self addSubview:datePicer];
只设置了preferredDatePickerStyle属性,并未改变 Frame
CGRect frame = CGRectMake(0, 200, self.width, 100);
UIDatePicker *datePicer = [[UIDatePicker alloc] initWithFrame:CGRectZero];
if (@available(iOS 13.4, *)) {
    datePicer.preferredDatePickerStyle = UIDatePickerStyleWheels; // 只设置了 preferredDatePickerStyle 属性
}
datePicer.backgroundColor = [UIColor whiteColor];
datePicer.frame = frame;
[self addSubview:datePicer];
设置了样式并且重新设置了 Frame

UITableViewCell

在 iOS 14 环境下,UITableViewCell 的结构如下:

iOS 14 UITableViewCell 结构

而在 iOS 14 之前,UITableViewCell 的结构如下:

iOS 14 之前 UITableViewCell 结构

对比可以发现,iOS14 多了一个 _UISystemBackgroundView 和一个子视图
如果我们在cell 中创建新的 UI 控件,然后直接添加到 cell 中,所以在 iOS14 下,如果直接讲 UI 空间添加到 cell 上面,默认会放在 contentView 下面,如果有一些交互事件,这时候是无法响应的,因为被 contentView 给挡住了,所以需要添加到 contentView 上面.

UIPageControl

在之前,如果想要修改 UIPageControl 默认图片和选中图片,需要按照如下方式修改:

[_pageControl setValue:_pageIndicatorImage forKeyPath:@"pageImage"];
[_pageControl setValue:_currentPageIndicatorImage forKeyPath:@"currentPageImage"];

但是在 iOS14 开始,这样修改直接一个异常,提示调用过时的私有方法:

*** Terminating app due to uncaught exception 'NSInternalInconsistencyException', reason: 'Call to obsolete private method -[UIPageControl _setPageImage:]'
异常信息
UIPageControl *pageControl = [[UIPageControl alloc] initWithFrame:CGRectMake(0, 100, self.view.width, 30)];
pageControl.backgroundColor = [UIColor orangeColor];
pageControl.numberOfPages = 6;
    
if (@available(iOS 14.0, *)) {
    pageControl.backgroundStyle = UIPageControlBackgroundStyleMinimal;
    pageControl.allowsContinuousInteraction = false;
    pageControl.preferredIndicatorImage = [UIImage imageNamed:@"page_currentImage"];
    // 目前发现只能通过这样的方式去设置当前选中的图片颜色
    pageControl.currentPageIndicatorTintColor = [UIColor redColor];
    [pageControl setIndicatorImage:[UIImage imageNamed:@"live"] forPage:2];
} else {
    [pageControl setValue:[UIImage imageNamed:@"page_image"] forKeyPath:@"pageImage"];
    [pageControl setValue:[UIImage imageNamed:@"page_currentImage"] forKeyPath:@"currentPageImage"];
}
[self.view addSubview:pageControl];

运行不同环境

iOS 14 之前环境

UIPageControl 在 iOS 14 之前样式

iOS 14 之后环境

iOS 14 之后环境

CALayer 的 mask

公司所在的项目中,聊天界面利用CALayermask方式将背景弄成一个气泡的样式,在 iOS 14 之前是好的,但是在 iOS 14 上就显示不出来了.具体的方式是将一个气泡图片,用一个 UIImageView 加载出来,然后将这个气泡的 ImageViewlayer 作为一个遮罩,放在图片消息上面去.
代码类似下面的:

UIImageView *imageView = [UIImageView new];
imageView.image = [UIImage imageNamed:@"calendar"];
imageView.size = CGSizeMake(200, 200);
imageView.center = self.center;
[self addSubview:imageView];
    
UIImageView *imgView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, 150, 80)];
imgView.image = [UIImage imageNamed:@"green_pop"];
imageView.layer.mask = imgView.layer;

以上代码运行结果,在不同的环境下,显示出来的效果不一样

iOS14 环境下运行结果.png
iOS12.4环境下运行结果.png

iOS14 显示不出来,但是在 iOS12.4 却能显示出来

后面在添加到 imageView.layer.mask 之前,将 imgView 添加到某个视图上去,发现在 iOS 14 上又能显示出来,所以想是不是在 iOS14 上的渲染逻辑发生了改变

将 imgView 添加到某个视图上
UIImageView *imageView = [UIImageView new];
imageView.image = [UIImage imageNamed:@"calendar"];
imageView.size = CGSizeMake(200, 200);
imageView.center = self.center;
[self addSubview:imageView];

UIImageView *imgView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, 150, 80)];
imgView.image = [UIImage imageNamed:@"green_pop"];
[imageView addSubview:imgView];
imageView.layer.mask = imgView.layer;

其实可以直接使用 layercontent 进行设置图片

将图片赋值到 content.png
UIImageView *imageView = [UIImageView new];
imageView.image = [UIImage imageNamed:@"calendar"];
imageView.size = CGSizeMake(200, 200);
imageView.center = self.center;
[self addSubview:imageView];
CALayer *maskLayer = [[CALayer alloc] init];
maskLayer.frame = CGRectMake(0, 0, 180, 90);
maskLayer.contents = (__bridge id)[UIImage imageNamed:@"green_pop"].CGImage;
imageView.layer.mask = maskLayer;

这样也能显示出来

AssetsLibrary

AssetsLibrary 在 iOS9 已经开始被弃用了,但是一些老的项目还在使用这个库进行相册访问,经过测试,同样的代码,在 iOS 14 下拿到相册中的图片之后,获取图片的大小已经获取不到了

iOS14 之前获取图片大小情况

iOS14之前AssetsLibrary获取图片大小

iOS 14 获取图片大小情况

iOS14 AssetsLibrary获取图片大小

PHPickerViewController 的使用

在 iOS14 增加了一个 PHPickerViewController 对相册的访问,替代 UIImagePickerController.

我们可以在 UIImagePickerController.h 文件中看到,苹果推荐使用 PHPickerViewController 去访问相册

UIImagePickerController替换提示.jpg

首先,创建一个 PHPickerConfiguration 进行一些配置

PHPickerConfiguration *configuration = [PHPickerConfiguration new];
configuration.filter = [PHPickerFilter imagesFilter]; // 设置所选的类型,这里设置是图片,默认是 nil,设置成 nil 则代表所有的类型都显示出来(包括 视频/LivePhoto )
configuration.selectionLimit = 10; // 设置可选择的最大数,默认为 1

创建 PHPickerViewController , 并进行跳转

PHPickerViewController *picker = [[PHPickerViewController alloc] initWithConfiguration:configuration];
picker.delegate = self;
picker.modalPresentationStyle = UIModalPresentationFullScreen;
[self presentViewController:picker animated:YES completion:nil];

实现代理方法 picker:didFinishPicking:results

- (void)picker:(PHPickerViewController *)picker didFinishPicking:(NSArray<PHPickerResult *> *)results  API_AVAILABLE(ios(14)){
    
    [picker dismissViewControllerAnimated:YES completion:nil];
    if (!results || !results.count) return;
    // 遍历获取到的结果
    for (PHPickerResult *result in results) {
        NSItemProvider *itemProvider = result.itemProvider;
        if ([itemProvider canLoadObjectOfClass:UIImage.class]) {
            [itemProvider loadObjectOfClass:UIImage.class
                          completionHandler:^(__kindof id<NSItemProviderReading>  _Nullable object, NSError * _Nullable error) {
                // 取出图片
                if (!error && object && [object isKindOfClass:UIImage.class]) {
                    NSLog(@"%@", object);
                }
            }];
        }
    }
}
PHPickerViewController的使用.gif
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 207,113评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,644评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 153,340评论 0 344
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,449评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,445评论 5 374
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,166评论 1 284
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,442评论 3 401
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,105评论 0 261
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,601评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,066评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,161评论 1 334
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,792评论 4 323
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,351评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,352评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,584评论 1 261
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,618评论 2 355
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,916评论 2 344

推荐阅读更多精彩内容

  • UIDatePicker 在 iOS 14 开始,UIDatePicker 默认样式为: 而在 iOS14 之前的...
    王家小雷阅读 969评论 0 4
  • 又是一年苹果发布会,苹果更新了新版本的系统iOS14。就我个人来说的话系统耗电有优化,小程序类似部件化APP体验也...
    尼古拉斯佩思阅读 4,053评论 0 9
  • 1、UIDatePicker iOS14 UIDatePicker新增加了一个UI样式 tvos watchos ...
    480a52903ce5阅读 2,484评论 0 3
  • iOS14 的适配,很重要的一环就集中在和方面。 在 iOS13 及以前,当用户首次访问应用程序时,会被要求开放大...
    vicentwyh阅读 2,778评论 0 5
  • 久违的晴天,家长会。 家长大会开好到教室时,离放学已经没多少时间了。班主任说已经安排了三个家长分享经验。 放学铃声...
    飘雪儿5阅读 7,496评论 16 22