Android中按钮图标的自定义及draw9patch简介

在进行安卓App开发的过程中,相信有不少同学嫌弃系统自带的button组件丑,那么如何进行自定义按钮的外形呢?
PhotoShop自制按钮图标
打开PhotoShop,新建一个64*64的空白文件,背景色设置为透明。Then,挑一个美丽的颜色,使用圆角矩形工具,画一个把整个画布充满的圆角矩形。,最后,将此文件导出为png文件,导入AndroidStudio工程中。
Background属性
首先写一个定义Button样式的xml文件:
新建XML文件,类型选Drawable,根结点选selector,本例中文件名为btn_style吧。
我们只需要在selector结点里写上三种状态时显示的背景图片,代码如下。
Tip:顺序必须是按下,获取焦点,正常
我们在content_main.xml中添加一个button控件,设置text属性为"文继飞非常非常有基础",运行,会有奇怪的现象,原先圆角矩形的圆角扭曲了,奇丑无比。如何解决呢?
draw9patch工具
我们打开SDK目录,打开tools文件夹,运行draw9patch.bat,略微等待,将btn.png导入,以下讲解下该工具的使用方法。
该工具会向原图片四周增加一圈透明像素点,可以通过鼠标选中透明像素点使其变黑。左边和上边变黑的部分表示拉长或者放大时只放大黑线对应的部分,右边和下边变黑的部分表示填写文字时文字填充的位置。以下为实例:
Save,填写文件名称时无需填写后缀名,系统会自动追加.9.png的后缀名。删除原先导入的图片,将此文件导入Android项目中,无需更改btn_style.xml中的图片名称,运行,观察效果如下。
