web-dev-qa-db-ja.com

IOSで9パッチイメージを使用する方法

IOSアプリで9パッチ画像を使用したいのですが、可能ですか？

iosnine-patch
25
Adams

UIImageのメソッドを調べます resizableImageWithCapInsets:(UIEdgeInsets)capInsets 。

18
Amy Worrall

この簡単な実装を試すことができます： https://github.com/shiami/SWNinePatchImageFactory

コンセプトは簡単で、以下のように説明されています：

この手法は、9パッチのPNG画像をiOS互換でサイズ変更可能なUIImageオブジェクトに変換するためのものです。詳細については、UIImageのメソッドresizableImageWithCapInsets：（UIEdgeInsets）insetsを参照してください。したがって、パッチマーカーの1つのセグメントを水平方向と垂直方向の両方にストレッチすることのみをサポートします。

+ (UIImage*)createResizableImageFromNinePatchImage:(UIImage*)ninePatchImage
{
    NSArray* rgbaImage = [self getRGBAsFromImage:ninePatchImage atX:0 andY:0 count:ninePatchImage.size.width * ninePatchImage.size.height];
    NSArray* topBarRgba = [rgbaImage subarrayWithRange:NSMakeRange(1, ninePatchImage.size.width - 2)];
    NSMutableArray* leftBarRgba = [NSMutableArray arrayWithCapacity:0];
    int count = [rgbaImage count];
    for (int i = 0; i < count; i += ninePatchImage.size.width) {
        [leftBarRgba addObject:rgbaImage[i]];
    }

    int top = -1, left = -1, bottom = -1, right = -1;
    count = [topBarRgba count];
    for (int i = 0; i <= count - 1; i++) {
        NSArray* aColor = topBarRgba[i];
        if ([aColor[3] floatValue] == 1) {
            left = i;
            break;
        }
    }
    NSAssert(left != -1, @"The 9-patch PNG format is not correct.");
    for (int i = count - 1; i >= 0; i--) {
        NSArray* aColor = topBarRgba[i];
        if ([aColor[3] floatValue] == 1) {
            right = i;
            break;
        }
    }
    NSAssert(right != -1, @"The 9-patch PNG format is not correct.");
    for (int i = left + 1; i <= right - 1; i++) {
        NSArray* aColor = topBarRgba[i];
        if ([aColor[3] floatValue] < 1) {
            NSAssert(NO, @"The 9-patch PNG format is not support.");
        }
    }
    count = [leftBarRgba count];
    for (int i = 0; i <= count - 1; i++) {
        NSArray* aColor = leftBarRgba[i];
        if ([aColor[3] floatValue] == 1) {
            top = i;
            break;
        }
    }
    NSAssert(top != -1, @"The 9-patch PNG format is not correct.");
    for (int i = count - 1; i >= 0; i--) {
        NSArray* aColor = leftBarRgba[i];
        if ([aColor[3] floatValue] == 1) {
            bottom = i;
            break;
        }
    }
    NSAssert(bottom != -1, @"The 9-patch PNG format is not correct.");
    for (int i = top + 1; i <= bottom - 1; i++) {
        NSArray* aColor = leftBarRgba[i];
        if ([aColor[3] floatValue] == 0) {
            NSAssert(NO, @"The 9-patch PNG format is not support.");
        }
    }

    UIImage* cropImage = [ninePatchImage crop:CGRectMake(1, 1, ninePatchImage.size.width - 2, ninePatchImage.size.height - 2)];

    return [cropImage resizableImageWithCapInsets:UIEdgeInsetsMake(top, left, bottom, right)];
}

SWNinePatchImageViewは、ニブまたはストーリーボードの使用も提供します。リポジトリでサンプルプロジェクトを確認できます。

2
shiami

最も可能性の高い結果は https://github.com/andylanddev/Tortuga22-NinePatch 9-patchライブラリは、以下のメソッドresizableImageWithCapInsets：（UIEdgeInsets）insetsをすでに使用しています

0
avi9111