9张贴片图像的不同颜色含义是什么？

Question

​

​

我想知道这种颜色变化意味着什么？

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

我将我的png改为9 png，在我做了一些更改之后(这不是那个图像，这只是供参考)

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

我只想知道怎样才能理解什么颜色？以及如何使用它？

Answer 1

图像边缘的黑线作为九块补丁的指南，以确定图像的哪些部分是可伸缩的，哪些部分需要保持精确。底部和右侧边缘的黑线表示填充区域，基本上是可选择可伸缩区域的总边界。这通常是角开始前平边的长度。

顶部和左侧边缘的黑线表示可伸缩区域。当图像被调整大小时，这些行显示图像可以安全地展开和收缩的位置，同时仍然保持其外观。你会注意到，在你的例子图像中，左边的边缘有一个很小的缺口--这是因为语音气泡的尖峰不会随着气泡的其他部分一起膨胀。

为了回答关于颜色的问题，绿色区域显示只能在一维(只有高度或宽度)调整大小的图像区域，而粉色区域显示图像中和两个维度都可以调整大小的部分。右边的紫色区域显示了整个空间的扩展.

拉德利·马克思在这篇博客文章一书中对事情做了更好的解释。