2012-07-12 18 views
21

मैं अपने आईओएस ऐप में 9-पैच छवियों का उपयोग करना चाहता हूं। क्या यह संभव है?आईओएस में 9-पैच छवियों का उपयोग कैसे करें?

+4

Google प्रतिबंध :)? 1) SO http://stackoverflow.com/questions/5570818/android-nine-patch-equivalent-for-other-platforms 2) Tortuga http://maniacdev.com/2011/07/open-source-library-and -गुइड-फॉर-नौपैच-इमेज-सपोर्ट-ऑन-आईओएस-प्लेटफॉर्म/ –

उत्तर

17

UIImage की विधि resizableImageWithCapInsets:(UIEdgeInsets)capInsets में देखें।

+13

थैट्स सिर्फ 9-पैच नहीं है। –

+0

आप सही हैं कि resizableImageWithCapInsets: बढ़िया है। लेकिन यह 9 पैच नहीं है। यह आपको छवि का आकार बदलने के तरीके के बारे में कुछ नियम लागू करने की अनुमति देगा। लेकिन यह 9 पैच दोहराना नहीं होगा। – bturner

+0

हां उपर्युक्त उत्तर सही है, हालांकि 9 पैच इससे बेहतर विकल्प है –

0

सबसे संभावित परिणाम https://github.com/andylanddev/Tortuga22-NinePatch 9-पैच पुस्तकालय पहले से ही bellow विधि resizableImageWithCapInsets का इस्तेमाल किया है है: (UIEdgeInsets) सन्निवेश वाली

2

आप इस सरल कार्यान्वयन की कोशिश कर सकते हैं: https://github.com/shiami/SWNinePatchImageFactory

अवधारणा आसान है और नीचे वर्णित:

तकनीक केवल 9-पैच पीएनजी छवियों को आईओएस संगत, आकार बदलने योग्य UIImage ऑब्जेक्ट्स में बदलने के लिए है। अधिक जानकारी के लिए UIImage की विधि resizableImageWithCapInsets: (UIEdgeInsets) इन्सेट देखें। तो यह केवल क्षैतिज और ऊर्ध्वाधर दोनों पक्षों में पैच मार्करों के एक सेगमेंट को फैलाने का समर्थन करता है।

+ (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 भी निब या स्टोरीबोर्ड उपयोग प्रदान करता है। आप रेपो में उदाहरण प्रोजेक्ट की जांच कर सकते हैं।

 संबंधित मुद्दे

  • कोई संबंधित समस्या नहीं^_^