drawableTop,button图片显示在文字上面，文字不显示的问题

一般来讲，button的文字与图片的设置，可以一步完成，使用到drawableTop

 <Button
                android:id="@+id/btn_message"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:background="@null"
                android:drawableTop="@drawable/tabbar_chat"
                android:text="我" />

一般studio会有个design窗口，直接查看效果，出现了文字显示不出来的问题：，我以为是高度小，没显示可能在下面，于是就放到出来，结果是，问题又来了，文字与图片距离太大了，达不到效果啊！没办法，又一直折腾。

找了好久的资源，《三生三世》都没看，一直找bug，终于发现了问题这是我的图片文件夹drawable里的结构

图片尾部并没有标记图片的密度density，这会不会是这个原因呢？我就查了一下，如何插入xhdpi的图片，得到了后缀为（xhdpi）的图片

看看效果吧很完美。