9个补丁图像中有什么不同的颜色含义

Question

我想了解这种颜色变化意味着什么？

这只是一个例子。我想了解什么是9补丁以及它是如何工作的

我将我的png更改为9.png并在我做了一些更改后（这不是该图片仅供参考）

我注意到图像中的某些颜色发生了变化

我只是想知道如何理解哪种颜色？ 以及如何使用它？

Answer 1

图像边缘的黑线作为九贴片的指南，用于确定图像的哪些部分是可缩放的，以及哪些部分需要保持精确。底部和右侧边缘的黑线代表填充区域，基本上是可以选择可缩放区域的总界限。这通常是角落开始前平坦边缘的长度。

顶部和左侧边缘的黑线代表可缩放区域。调整图像大小时，这些线条会显示图像可以安全地展开和收缩的位置，同时仍保持其外观。您会注意到，在您的示例图像中，左边缘有一个小间隙 - 这是因为语音泡沫峰值不会随着泡沫的其余部分一起扩展。

要回答关于颜色的问题，绿色区域会显示图片中仅可在一个维度（仅高度或宽度）调整大小的区域，而粉红色区域显示图像中可以调整两个尺寸的部分。右侧预览中的紫色区域显示总空间扩展。

Radley Marx在this blog post中解释了一些事情。