ios - 可伸缩的 UIImage 聊天气泡

Question

我附上了以下图片，我将其用作每个聊天消息（即气泡）的背景。我应该为 UIImage 中的 X 和 Y 使用什么值 stretchableImageWithLeftCapWidth: X topCapHeight: Y]; 以确保图像的尖端始终保持在中间。

我尝试使用 X=20 Y=5 但尖头到了底部。

Answer 1

您无法使用单个可拉伸图像来做到这一点。可拉伸图像始终只有一个被拉伸的矩形区域。然而，要获得您想要的外观，您需要拉伸两部分——指针上方和下方的区域。

您需要使用至少两个图像。最简单的可能是使指针成为一个单独的图像并手动将其居中于圆角矩形的顶部。

Answer 2

你不能这样做并且将箭头保持在中心 - 好吧，不是在 iOS 6 和更早版本中;-)

这就是为什么 Messages.app 中的小语音箭头位于对话气泡的底角的原因。它们会拉伸该区域上方的像素区域。

因此，您可以通过遵循 Messages.app 的领导和围绕限制进行设计来使事情变得更容易。