UIButton背景图像stretchableImageWithLeftCapWidth：topCapHeight问题

Question

我有一个指定宽度为 200 的 UIButton。其 autoresizingMask 属性设置为 UIViewAutoresizingFlexibleWidth。 UIImage 应用于此按钮的 backgroundImage 属性。此 UIimage 定义如下：

[[UIImage imageNamed:@"buttonimage.png"] stretchableImageWithLeftCapWidth:10 topCapHeight:0]

buttonimage.png 的宽度为 400px（由于视网膜分辨率的原因，是按钮宽度的 2 倍），表示一个圆角矩形。在肖像模式下，一切都很好。一旦用户旋转设备并且 iPhone 进入横向模式，UIButton 就会拉伸。由于这种行为，图像的左圆角边框保持不变 (stretchableImageWithLeftCapWidth:)，但右角也被拉伸。是否有我忘记设置的任何属性可以确保仅拉伸一个指定的像素（例如第十个像素），而其他任何像素都保留其尺寸？

提前致谢！

编辑：如果我使用较小的图像，该图像已经在纵向模式下拉伸，则两个边框似乎都被扩展。

解决了！ 如果您的图像名为“myImage.png”并且是视网膜版本，则只需将其命名为“ [电子邮件受保护]”

Answer 1

有没有我忘记设置的属性
确保只有一个指定的像素
（例如第十个）被拉伸并且
还有什么可以保留它的尺寸吗？

不是真的，但考虑到图像的大小，您应该重新阅读 leftCapWidth 属性。

可拉伸图像的工作方式是：您提供左帽，拉伸下一个像素，并且图像的右侧 width = (total width - left cap + 1) 保持不变。鉴于您将左上限设置为 10，并且原始图像为 400，您将告诉 iOS 图像的右侧不可拉伸的右侧为 400-10-1=389px。同样的事情也适用于垂直方向。检查您是否在名称上没有 @2x 的普通设备上使用 @2x 图像，或者 2x 版本是否没有恰好两倍的像素，或者存在大写/小写差异。您可以通过记录加载图像的大小来找到这一点。

我不知道为什么你的图像的右侧被拉伸。鉴于您有 height=0，如果按钮高度发生变化，整个图像可以垂直拉伸，但这不太可能导致仅右侧变形。

Answer 2

据我所知，您的代码没有任何问题，这应该会导致图像的右侧被裁剪。下面是我使用的确切代码，我知道它有效，可以产生您正在寻找的相同效果。

UIButton *button=[[UIButton alloc] initWithFrame:CGRectMake(0, 0, 245, 51)];
button.autoresizingMask=UIViewAutoresizingFlexibleWidth;
[button setBackgroundImage:[[UIImage imageNamed:@"userbubble.png"] stretchableImageWithLeftCapWidth:40 topCapHeight:0] forState:UIControlStateNormal];
[self.view addSubview:button];

我的猜测是问题来自您正在使用的 png，或者可能来自项目中的“压缩 PNG 文件”设置。另外，由于您使用的图像太大，请尝试将左端盖进一步拉出，例如 40 或 50 像素。