带有边框的 9 补丁图像答案

【问题标题】：9-patch image blurred with border带有边框的 9 补丁图像
【发布时间】：2013-08-02 09:53:19
【问题描述】：

我有一个在 GIMP 中编辑的 image.jpg 以更改为 png。我已将 png 上传到 Android Assets Studio 以制作 9-patch。这工作正常。

我想要同一张图片的 2 个版本。这是因为图像用于按钮，所以当用户单击按钮时，它的大小会减小（就像您启动应用程序时一样）。

问题是当我尝试创建第二张图像时，我在 GIMP 中将其缩小 20%，然后通过 assets studio 运行它。我在正确的密度 L - XH dpi 下的 res/drawable 文件夹中都有这两个图像。当用户单击按钮时，缩放版本周围有一个黑色边框，看起来很模糊。

如何正确缩放和创建 9-patch。

提前致谢。

[编辑]

【问题讨论】：

【解决方案1】：

您的黑条在缩放时变得混乱。如果你仔细观察图像，你会发现它们的两侧都有一些半透明的像素。确保每个非黑色像素都是完全透明的（alpha 0）。

另外，作为旁注，您的拉伸区域（左侧/顶部栏）看不到右侧。目前，它只会延伸到地球的中心，这可能不是您想要的。

【讨论】：

【解决方案2】：

在按钮上涂上 %40 不透明度灰色，并在选择器中指定它的点击状态。您可以直接使用 9-patch 编辑器轻松完成此操作。

首先制作 2 个按钮（正常和单击）并将其转换为 9-patch。

查看this tutorial了解更多信息。

【讨论】：