9个补丁图像中不同颜色的含义是什么
what is different color meaning in 9 patch images
我想了解这个颜色变化是什么意思?
这只是一个例子..我想了解什么是 9 补丁以及它是如何工作的
我将我的 png 更改为 9.png,然后我做了一些更改(这不是那个图像,仅供参考)
我注意到图像中的某些颜色发生了变化
我只想知道如何理解哪种颜色代表什么?
以及如何使用它?
图像边缘的黑线作为 nine-patch 的指南,以确定图像的哪些部分可缩放,哪些部分需要保持精确。底部和右边缘的黑线代表 填充区域 ,基本上是可以选择可缩放区域的总边界。这通常是拐角开始之前平坦边缘的长度。
顶部和左侧的黑线表示可缩放区域。调整图像大小时,这些线条会显示图像可以安全扩展和收缩的位置,同时仍保持其外观。您会注意到,在您的示例图像中,左边缘有一个小间隙 - 这是因为语音气泡尖峰不会与气泡的其余部分一起扩展。
为了回答您关于颜色的问题,绿色 区域显示图像中只能在一维(仅高度或宽度)调整大小的区域,而 pink 区域显示图像的某些部分,其中 两个 尺寸都可以调整大小。 right-hand 预览中的 紫色 区域显示总 space 扩展。
Radley Marx 在 this blog post.
中解释得更好一些
我想了解这个颜色变化是什么意思?
这只是一个例子..我想了解什么是 9 补丁以及它是如何工作的
我将我的 png 更改为 9.png,然后我做了一些更改(这不是那个图像,仅供参考)
我注意到图像中的某些颜色发生了变化
我只想知道如何理解哪种颜色代表什么? 以及如何使用它?
图像边缘的黑线作为 nine-patch 的指南,以确定图像的哪些部分可缩放,哪些部分需要保持精确。底部和右边缘的黑线代表 填充区域 ,基本上是可以选择可缩放区域的总边界。这通常是拐角开始之前平坦边缘的长度。
顶部和左侧的黑线表示可缩放区域。调整图像大小时,这些线条会显示图像可以安全扩展和收缩的位置,同时仍保持其外观。您会注意到,在您的示例图像中,左边缘有一个小间隙 - 这是因为语音气泡尖峰不会与气泡的其余部分一起扩展。
为了回答您关于颜色的问题,绿色 区域显示图像中只能在一维(仅高度或宽度)调整大小的区域,而 pink 区域显示图像的某些部分,其中 两个 尺寸都可以调整大小。 right-hand 预览中的 紫色 区域显示总 space 扩展。
Radley Marx 在 this blog post.
中解释得更好一些