9边框图像模糊边框

时间:2013-08-01 12:53:32

标签: android png nine-patch

我有一个image.jpg,我在GIMP中编辑过,改为png。我已将png上传到Android Assets Studio以制作9补丁。这没问题。

Android Assets Studio

我想要同一张图片的2个版本。这是因为图像用于按钮,因此当用户单击按钮时,图像会缩小(例如,当您启动应用程序时)。

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

如何正确缩放和创建9补丁。

提前致谢。

normal state

button pressed(scaled png)

[编辑]

here is the original png.

enter image description here

2 个答案:

答案 0 :(得分:0)

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

Firts制作2个按钮(正常并单击)并将其转换为9补丁。

查看this tutorial了解详情。

答案 1 :(得分:0)

你的黑条在缩放时搞砸了。如果仔细观察图像,可以看到其中两个像素的两侧都有一些半透明像素。确保每个非黑色像素都完全透明(alpha 0)。

另外,作为旁注,您的拉伸区域(左/顶栏)看不到正确。目前,它只会扩展到全球的中心,这可能不是你想要的。