xcode和精灵表，当一张表中存在多张图像时如何裁剪图像

Question

我知道这是通过网络编程完成的，是否也可以通过 xcode 和 obj-c 完成？我有一个带有两个按钮实例（正常和单击）的精灵表。我知道我可以在 obj-c 中使用 click 功能，但我可以导入一张精灵表并裁剪一部分精灵表（如网站）以在一张精灵表中裁剪图像的所需部分吗？如果是这样，需要哪些功能？你有什么例子可以指点我吗？

Answer 1

您可以为此使用CALayer：它比UIImageView 更轻量级，并且使用起来非常简单。这个想法是基于来自this post 的示例，并且是从一个工作项目中提取出来的。

    // "sprites.png" is a 192x128 picture containing two rows of three 64x64 sprites each
    NSString *path = [[NSBundle mainBundle] pathForResource:@"sprites.png" ofType:nil];
    CGImageRef img = [UIImage imageWithContentsOfFile:path].CGImage;
    imgLayer = [CALayer layer];
    imgLayer.contents = (__bridge id)img;
    // Frame defines the position of your sprite inside your view
    imgLayer.frame = CGRectMake(horOffset, verOffset, 64, 64);
    imgLayer.bounds = CGRectMake(0, 0, 64, 64); // The size of an individual sprite
    // Pick the sprite from the top row, left column
    imgLayer.contentsRect = CGRectMake(0, 0, 1.0/3.0, 1.0/2.0);
    // Top row, middle column
    // imgLayer.contentsRect = CGRectMake(1.0/3, 0, 1.0/3.0, 1.0/2.0);
    // Top row, right column
    // imgLayer.contentsRect = CGRectMake(2.0/3, 0, 1.0/3.0, 1.0/2.0);
    // Bottom row, left column
    // imgLayer.contentsRect = CGRectMake(0, 1.0/2, 1.0/3.0, 1.0/2.0);
    // Bottom row, middle column
    // imgLayer.contentsRect = CGRectMake(1.0/3, 1.0/2, 1.0/3.0, 1.0/2.0);
    // Bottom row, right column
    // imgLayer.contentsRect = CGRectMake(2.0/3, 1.0/2, 1.0/3.0, 1.0/2.0);
    [self.layer addSublayer:imgLayer];