objective-c - 使用resizableImageWithCapInsets : image for button only works for the state set, 其他状态显示 "gap"

Question

当使用 resizableImageWithCapInsets: 为 UIButton 创建图像时，只有正常状态(使用 setBackgroundImage:forState: 设置图像的状态)有效。所有其他状态显示间隙而不是绘制的图像。 UIButton 表示如果没有为特定状态设置图像，则正常状态图像将与禁用和选定状态的叠加层一起使用。

这是正常状态:

这里是选中状态:

这是源图像:

它显然是在使用我提供的可调整大小的图像，但图像并没有绘制调整大小的区域。 (可以看到左右边缘，只是中间要拉伸(stretch)的区域没有画出来)。

有趣的是，stretchableImageWithLeftCapWidth:topCapHeight: 确实有效。现在这是 iOS 5 中弃用的方法，但随着新 API 中显示的差距，我可能无法使用它。

我确实认识到我可以为每个状态提供更多图像，但这违背了我试图实现的减少内存占用的目的，而且增加了我希望避免的对图形设计师的额外依赖。

// This is the gist of the code being used
UIImage* image = [UIImage imageNamed:@"button.png"];
UIEdgeInsets insets = UIEdgeInsetsMake(image.size.height/2, image.size.width/2, image.size.height/2, image.size.width/2);
image = [image resizableImageWithCapInsets:insets];
[self.button setBackgroundImage:image forState:UIControlStateNormal];
// Even doing the following results in the same behaviour
[self.button setBackgroundImage:image forState:UIControlStateSelected];

Answer 1

您没有为图像封顶正确创建插图。我已经重现了您的问题并使用正确的插图进行了更正。

使用您当前的代码，您正在创建图像高度和宽度的一半的上限 - 这为您留下了 0x0 像素的“可拉伸(stretch)”区域 - 因此中间没有任何东西。

为什么这在按钮的正常状态下没有显示为错误我不确定 - 也许 UIButton 内置了一些优化来修复问题或自动拉伸(stretch)如果你不提供可拉伸(stretch)的图像, 这不适用于其他州。

上限应该定义不得拉伸(stretch)的图像区域。对于 button.png 图像，左右两侧各有 6 个像素，顶部和底部各有 16 个像素。这不是很标准，你应该告诉你的图形设计师(至少对于最常见的左右拉伸(stretch))你应该在中心只有一个 1px 的区域，但这不会影响结果。如果你确实有一个 1px 的可拉伸(stretch)区域，那么你可以通过从图像大小导出上限来标准化你的代码，就像你在问题中尝试做的那样(每个上限都是 (image.size.height - 1)/2 用于顶部/底部，相同但宽度为左/右)。

要在您的按钮上获得正确的图像，请使用以下代码创建可拉伸(stretch)图像:

UIEdgeInsets insets = UIEdgeInsetsMake(16, 6, 16, 6);
image = [image resizableImageWithCapInsets:insets];