Android Studio 中NinePatch设计器选区无法拖动问题解决

今天在使用Android Studio 的NinePatch设计器 设计 NinePatch图样时，遇到了选区无法拖动的问题：
1：无法设置拉伸区域。
2：无法设置内容区域。
3：整个区域都是锁定的。
4：整个区域都是bad patches。
5：内容区域填满了整个图形。
如图所示：

导入的PNG如图所示，是个带下箭头的方框（黑色区域是透明的）

我花了两个小时翻阅谷歌的文档和CSDN的相关教程，均一无所获，后来我仔细想了想，会不会是因为图案外侧没有透明区域，导致NinePatch设计器 无法识别边框？

于是我另外做了一个PNG（黑色区域是透明的）：

导入之后可以正常拉伸区域了，内容区域也可以拉伸：

参考文档：
9patch / NinePatch 详解及使用(Markus.Zhao)