draw9patch图像无法正确拉伸

Question

我有一个包含以下尺寸的图片：

我将它转换为9patch并将以下区域标记为可伸缩：

这就是我得到的结果：

，这应该是这样的：（来自gimp，边框是半透明的）

我将9patch放入我的drawable-mdpi-folder。（所有其他drawable文件夹都是空的，所以android只能选择那个！）

我正在使用Nexus 5 768x1280屏幕分辨率。

有人知道我在这里做错了什么吗？在位于draw-9-patch-tool的{​​{1}} - 预览中，它在两个方向看起来都很棒！ （拉伸高度，拉伸宽度）。

感谢任何帮助。

更新 原始9patch图片

Answer 1

这是我对图片进行优化（96 * 96像素，1.28 KB）的方式（685 * 322像素，2.43 KB）：

基本上，我切掉了超出部分，只留下了必需品 然后我添加了 1 px 边框。

在上侧和左侧，我设置了重复区域标记（分别为水平和垂直） 在下侧和右侧，我设置了填充区域标记（分别为水平和垂直）。

注意：边框为黑色（#ffffff）。而且边界上没有别的东西。

我给文件命名为rect_round_wht **。9.png **（请注意双重扩展名）。

这是draw9patch工具中的预览：

紫色区域是文本将被渲染。

像往常一样，确保扩展名为 .9.png ，而不仅仅是 .png 。

以下是9个补丁的精彩教程：http://radleymarx.com/blog/simple-guide-to-9-patch/