iOS-Developer-OC

iOS 适配iphone和ipad图片的几种方式

2019-05-13  本文已影响0人  枫叶无处漂泊

iOS 适配iphone和ipad图片的几种方式

适配实现的三种方式:

图片命名方式

iOS适配ipad图片,只需要在iphone基础上加上"~ipad",然后拖拽到.xcassets文件中,然后会自动识别ipad,操作如下图:

给这图片分别命名icon_star@3x、icon_star@2x、icon_star~ipad@2x

然后把这个三个图片拖拽到.xcassets文件中,结果如图:

适配结果.png

看到结果如上图,一倍的图片都是一些特别老的机型是用的,iphone是3gs和3g手机用的一倍图,ipad1和ipad2是一倍分辨率,这个设备基本上已经淘汰了,所以为了减轻app的大小,这个基本上不适配了。上图的Universal看着字面意思就是通用的,就是2倍就调用Universal的2倍,要是有ipad图片格式,就会直接调用ipad的2倍图片,没有ipad才调用Universal的2倍图片
当你调用图片的时候,不管是ipad和iphone都直接调用:

//iphone和ipad都是直接调用
UIImage *image = [UIImage imageNamed:@"star.png"];

就不用再去先判断设备,根据设备不同分别赋值不同名字的图片。那苹果是怎么实现的呢,我们能不能自己来实现这个效果,可以通过runtime的method swizzling来实现。

使用runtime的method swizzling来实现

1、 首先建一个UIImage的类别,

#import <UIKit/UIKit.h>
 
//定义是否是手机\ipad的宏
#define IS_IPHONE (UI_USER_INTERFACE_IDIOM() == UIUserInterfaceIdiomPhone)
 
#define IS_PAD (UI_USER_INTERFACE_IDIOM()== UIUserInterfaceIdiomPad)
 
NS_ASSUME_NONNULL_BEGIN
 
@interface UIImage (Category)
 
@end

2、 UIImage+Category.m 文件里面实现,重现load方法,自定义的方法和系统的方法交换,当你调用imageNamed:方法时,其实调用的是swizze_imageNamed:方法。

+(void)load {
    
    static dispatch_once_t oneToken;

    dispatch_once(&oneToken, ^{

           Method imageNamed = class_getClassMethod(self,@selector(imageNamed:));
    Method mkeImageNamed =class_getClassMethod(self,@selector(swizze_imageNamed:));
    method_exchangeImplementations(imageNamed, mkeImageNamed);
   
   });
}

3、 然后实现swizze_imageNamed:这个方法


+ (instancetype)swizze_imageNamed:(NSString*)name {
    
    //这个时候swizze_imageNamed已经和imageNamed交换imp,所以当你在调用swizze_imageNamed时候其实就是调用imageNamed
     UIImage * image;
    if( IS_IPHONE ){
        // iphone处理
        UIImage * image =  [self swizze_imageNamed:name];
        if (image != nil) {
            return image;
        } else {
            return nil;
        }
    } else {
        // ipad处理,_ipad是自己定义,~ipad是系统自己自定义。
        UIImage *image = [self swizze_imageNamed:[NSString stringWithFormat:@"%@_ipad",name]];
        if (image != nil) {
            return image;
        }else {
            image = [self swizze_imageNamed:name];
            return image;
        }
}

本质上就是在运行时更改 sel 对应的 imp 的指向而已。有一点是大家比较难理解的事,mke_imageNamed方法里调用swizze_imageNamed,这样的话不就是自循环了么。其实不会,因为已经更改了@seletor(swizze_imageNamed:)对应的imp,调用[self swizze_imageNamed:name],实际上相当于调用了[self imageNamed:name],并不会形成循环调用。

上一篇下一篇

猜你喜欢

热点阅读