UIImage resizableImageWithCapInsets：没有按预期工作

Question

我正在编写我的第一个针对 iOS 5.0+ 平台的 iOS 应用程序。我正在使用UIAppearance 协议来自定义应用程序 UI。

我正在尝试在整个应用程序中更改 UIBarButtonItem 的背景。由于我的UIBarButtonItem 的大小可能会根据使用的文本或图标而改变，我正在尝试将UIImage resizableImageWithCapInsets: 与我的背景png 结合使用。

我最初在Ray Wenderlich 上找到了我需要的代码。使用完全相同的代码，图像与上述教程中使用的图像非常接近，我得到了奇怪的结果。也许这只是我对 Cocoa Touch 的缺乏经验。

这是我正在使用的代码。

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（UIEdgeInsetsMake 的第一个和第三个参数）应该加到 30。它们不必相等； UIEdgeInsetsMake(8, 6, 22, 6) 会将重复的部分向上移动，导致背景变浅。

另外，您附加的文件是普通版还是视网膜 ('@2x') 版本的图像？插图必须在普通版本的大小范围内。

Answer 2

我也有同样的问题。

您可以做的另一件事是设置 UIImageResizingModeStretch 的 resizingMode。它解决了我的问题。

但是，它在 IOS5 中不可用。所以我的解决方案是像其他人所说的那样做。意识到可平铺的一面应该只有一个像素。无论如何，大多数按钮在中间并没有太大变化。

所以，使用这个代码：

-(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];
        }
    }