美文网首页ios开发经验
iOS 14 的一些适配问题

iOS 14 的一些适配问题

作者: CoderGuogt | 来源:发表于2020-09-21 14:41 被阅读0次

    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

    相关文章

      网友评论

        本文标题:iOS 14 的一些适配问题

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