有关苹果系统图片自动加载的尺寸浅析

  • 一般美工都会准备3类图片@1X,@2X,@3X的3种图片比如下面的图片:
有关苹果系统图片自动加载的尺寸浅析_第1张图片

有关苹果系统图片自动加载的尺寸浅析_第2张图片

@2X的图片是@1X的图片尺寸的2倍,@3X的图片是@1X的图片尺寸的3倍,注意,美工做的图片的尺寸的单位是像素比如这里的@1X的图片的尺寸是480X47,@2X的图片的尺寸是960X92,大家会发现一个问题,同一个名字的图片有多张,那么苹果系统会自动去选择加载,我们来打印一下图片在程序中的尺寸

    // 加载原始图片,加载的是@2X的图片
    UIImage *oriImage = [UIImage imageNamed:@"LuckyAstrology"];

    NSLog(@"width = %f, height = %f", oriImage.size.width, oriImage.size.height);

效果图片:

  • 注意:笔者用的系统是iphone6,就是已经是视网膜屏幕了,不回去加载@1X的图片,非视网膜屏幕是以前3GS以前的手机,不是视网膜屏幕的,会去加载@1X的图片,现在基本都是视网膜屏幕了,美工都不做@1X图片了,苹果会自动判断当前手机是什么系统,是不是视网膜屏幕,比如6plus那么就加载@3X的图片了,如果没有找到,会去找@2X的图片,加载@2X的图片
  • 打印出来的width = 480,height = 46,打印的是这个单位对于程序员来说,就是点,点,点,刚刚大家也看了,@2X的图片尺寸的单位是像素,960X92,打印出宽度和高度是480X46,刚好一半,也就是它会弄成点的单位来计算个数
        // 添加按钮
        CGFloat angle = 0;
        for (int i = 0; i < 12; i++) {
        // 创建按钮
        WheelBtn *btn = [WheelBtn buttonWithType:UIButtonTypeCustom];

        btn.bounds = CGRectMake(0, 0, 68, 143);
        btn.layer.anchorPoint = CGPointMake(0.5, 1);
        btn.layer.position = CGPointMake(self.contentImageView.bounds.size.width * 0.5, self.contentImageView.bounds.size.height * 0.5);

        btn.transform = CGAffineTransformMakeRotation(angle * M_PI / 180.0);

        // 设置选中状态下的背景图片
        [btn setBackgroundImage:[UIImage imageNamed:@"LuckyRototeSelected"] forState:UIControlStateSelected];

        // 从给定图片当中裁剪出指定区域的位置的内容.
        x = i * width;
        CGRect rect = CGRectMake(x, y, width, height);
        // 在ios当中使用的都是点坐标
        // 在C语言当中使用的都是像素坐标.
        // CGImageCreateWithImageInRect是C语言方法,rect使用的是像素坐标.
        CGImageRef clipImage = CGImageCreateWithImageInRect(oriImage.CGImage, rect);
        // 设置按钮图片
        [btn setImage:[UIImage imageWithCGImage:clipImage] forState:UIControlStateNormal];

        // 设置选中状态下按钮图片
        CGImageRef selClipImage = CGImageCreateWithImageInRect(selOriImage.CGImage, rect);
         [btn setImage:[UIImage imageWithCGImage:selClipImage] forState:UIControlStateSelected];

        angle += 30;
        [self.contentImageView addSubview:btn];

        // 坚听按钮点击
        [btn addTarget:self action:@selector(btnClick:) forControlEvents:UIControlEventTouchUpInside];
        // 默认选中第一个
        if (i == 0) {
            [self btnClick:btn];
        }
    }
  • 笔者有一个问题:CGRectMake()方法里面传的参数单位是点,还是像素,那就得根据你是用的是iOS里面的方法,还是C语言里面的方法,就比如btn.bounds = CGRectMake(0, 0, 68, 143);这都是用的是iOS里面的方法,那么苹果会自动帮你去弄好,不需要程序员去管理单位是点还是像素,CGImageRef selClipImage = CGImageCreateWithImageInRect(selOriImage.CGImage, rect);这个是C语言里面的方法,那么苹果不会自动去帮你弄好,那么程序员就得手动去解决一些换算问题,
  • 总结,不用去管CGRectMake()方法传的是参数的单位,如果这都需要管的话,那么程序员也太累了,iOS的方法苹果会给我们做好换算,如果是C语言的方法,那么苹果不会帮我们换算好,那么程序员就得自己去手动换算一下,也不太麻烦吧

你可能感兴趣的:(有关苹果系统图片自动加载的尺寸浅析)