iPhone的stretchableImageWithLeftCapWidth只产生“D”

Question

UIImage *aImage = [[UIImage imageNamed:@"Gray_Button.png"] stretchableImageWithLeftCapWidth:25 topCapHeight:0];

尝试制作“玻璃药丸纽扣”。

如果图像更大……而我尝试使用它的按钮……更小，“拉伸”会做什么？

图像会“拉伸”和“收缩”吗？

我问的原因...是因为我所有的图像最终看起来都像“D”形状。

左侧是方形的...右侧是圆形的。

D 形会告诉你什么我做错了？ 太多...或太少...“leftCap 设置”？ 图片太大？

Answer 1

如果 leftCapWidth 和 topCapHeight 均非零，则可拉伸图像将分为 9 个部分。

     leftCapWidth
      <----->
      +--------------+ ^
      |     | |      | |
      |  A  | |  B   | | topCapHeight
      |-----+·+------| v
      |-----+·+------|
      |  C  | |  D   |
      |     | |      |
      +--------------+

中心部分的大小始终为 1 px，这是被拉伸的部分，例如：

     leftCapWidth (constant!)
      <----->
      +------------------+ ^
      |     |     |      | |
      |  A  |     |  B   | | topCapHeight (constant!)
    v |-----+ - - +------| v
    | |     .     .      |
    | |     .     .      |
    ^ |-----+ - - +------|
      |  C  |     |  D   |
      |     |     |      |
      +------------------+
            >-----<
        stretched region

要创建“玻璃药丸按钮”，您应该将圆形边框填充到上面的区域 A、B、C 和 D 中，然后将该药丸的半径提供给 leftCapWidth 和 topCapHeight。

---

此外，可拉伸图像不可收缩。如果您尝试使用比您想要应用的按钮（或其他任何东西）更大的可拉伸图像，它们可能会被错误地渲染（尤其是在较旧的 iOS 上）。

Answer 2

stretchableImageWithLeftCapWidth 的行为与您预期的不同。我建议使用 UIView 的 contentStretch 属性来避免一些挫败感。

仅供参考，stretchableImage 的行为方式是：

• 如果缩小图像，它只会剪切图像的顶部和左侧部分，而不是拉伸任何内容。
• 如果扩展图像，它将仅扩展顶盖下方的像素列和左盖右侧的像素行。这适用于非常简单的图形，但对于任何具有阴影或光泽等效果的图形来说会显得很尴尬。

另一方面，contentStretch 的行为正如您所期望的那样。该图形基本上分为 9 个部分，按照肯尼解释的方式扩展和收缩。

另外，不要忘记，无论何时拉伸视图，其 contentMode 都应设置为 UIViewContentModeScaleToFill。