在iOS中，有一個(gè)概念叫做像素對齊，如果像素不對齊，那么在GPU渲染時(shí)，需要進(jìn)行插值計(jì)算，這個(gè)插值計(jì)算的過程會有性能損耗。 

在模擬器上，有一個(gè)選項(xiàng)可以把像素不對齊的部分顯示出來。

邏輯像素與物理像素

在iOS設(shè)備上，有point(邏輯像素)的概念，以及pixel(物理像素)的概念。
 在編程序時(shí)，用的是point，實(shí)際渲染時(shí)用的是pixel。一個(gè)point可以對應(yīng)多個(gè)pixel。
 point和pixel的比例是可以通過[[UIScreen mainScreen] scale]來制定。

UIImage的scale概念 

If you load an image from a file whose name includes the @2x modifier, the scale is set to 2.0. You can also specify an explicit scale factor when initializing an image from a Core Graphics image. All other images are assumed to have a scale factor of 1.0. 

image也有size的概念。

This value reflects the logical size of the image and takes the image's current orientation into account. Multiply the size values by the value in the scale property to get the pixel dimensions of the image. 

就是說image的size和image和scale相乘，得到物理像素的大小。

問題

那么像素不對齊指的是物理像素(pixel)和邏輯像素(point)對齊呢？

實(shí)驗(yàn)

使用300*225像素的png圖片。分別使用不同的方法load到內(nèi)存中，得到不同的size和scale，然后放在不同size的imageview里。使用color misaligned images來判定是否像素對齊。
 這里模擬器使用的iPhone 6，屏幕的 scale是2。

部分代碼

  NSLog(@"screen scale is %f",[[UIScreen mainScreen] scale]);
  UIImage *image = [UIImage imageNamed:@"test.png"];
  NSLog(@"image size %@, scale %f ", [NSValue valueWithCGSize:image.size], image.scale);
  UIImageView *imageView = [[UIImageView alloc] initWithImage:image];
//  imageView.frame = CGRectMake(50, 100, imageView.bounds.size.width * 2/3, imageView.bounds.size.height * 2/3);
  imageView.frame = CGRectMake(50, 100, imageView.bounds.size.width, imageView.bounds.size.height);
  NSLog(@"imageView frame %@", [NSValue valueWithCGRect:imageView.frame]);
  [self.view addSubview:imageView];

 結(jié)論
 1.所謂的像素對齊，指的是物理像素對齊。
 2.如果是2x的圖像，放在3x的屏幕上（6sp），也會發(fā)生像素不對齊的情況。

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

最新評論