UIImage resizableImageWithCapInsets：期待どおりに動作しない

Question

私は、iOS 5.0以降のプラットフォームを対象とした最初のiOSアプリケーションを作成しています。私はアプリケーションのUIをカスタマイズするためにUIAppearanceプロトコルを使用しています。

UIBarButtonItemの背景をアプリケーション全体で変更しようとしています。私のUIBarButtonItemのサイズがテキストやアイコンに応じて変更される可能性があるので、私はUIImage resizableImageWithCapInsets:を自分の背景pngと利用しようとしています。

私が最初に必要としたコードはRay Wenderlichです。前述のチュートリアルで使用されている画像に非常に近い画像で、同じ正確なコードを使用すると、私は奇妙な結果を得ています。ココアタッチの経験がないだけかもしれません。

ここに私が使用しているコードがあります。

DreamsAppDelegate.m - customizeAppearance：

UIImage *btnBg = [[UIImage imageNamed:@"navBarButton-bg"] 
      resizableImageWithCapInsets:UIEdgeInsetsMake(0, 6, 0, 6)]; 

[[UIBarButtonItem appearance] setBackgroundImage:btnBg 
             forState:UIControlStateNormal 
             barMetrics:UIBarMetricsDefault]; 

ここで私は

とここを使用しようとしているPNGの背景画像は（シミュレータで）結果です

Answer 1

leftとrightの間、およびtopとbottomの間のセクションは、画像に必要なスペースを埋めるように並べられています。試してくださいUIEdgeInsetsMake(15, 6, 15, 6)。

一般化するには、イメージに連続グラジエントがある場合、繰り返しセクションは1ピクセル高くなければなりません。ボタン画像の高さが31ピクセルなので、topとbottom（最初と3番目の引数はUIEdgeInsetsMake）は30になるはずです。 UIEdgeInsetsMake(8, 6, 22, 6)は、繰り返しセクションを上に移動し、背景がより薄くなります。

また、プレーンまたは網膜（ '@ 2x'）バージョンの画像を添付したファイルはありますか？インセットはプレーン版のサイズに収まる必要があります。

Answer 2

私はまったく同じ問題を抱えています。

もう1つのことは、UIImageResizingModeStretchのresizingModeを設定することです。それは私の問題を解決しました。

ところで、IOS5では利用できません。だから、私の解決策は誰もが言ったようにすることです。タイル可能な面はちょうど1ピクセルでなければならないことを理解してください。ほとんどのボタンは、とにかく途中であまり変化しません。あなたの応答を

-(UIImage *) resizableImageWithCapInsets2: (UIEdgeInsets) inset 
    { 
     if ([self respondsToSelector:@selector(resizableImageWithCapInsets:resizingMode:)]) 
     { 
      return [self resizableImageWithCapInsets:inset resizingMode:UIImageResizingModeStretch]; 
     } 
     else 
     { 
      float left = (self.size.width-2)/2;//The middle points rarely vary anyway 
      float top = (self.size.height-2)/2; 
      return [self stretchableImageWithLeftCapWidth:left topCapHeight:top]; 
     } 
    }