在进行安卓App开发的过程中,相信有不少同学嫌弃系统自带的button组件丑,那么如何进行自定义按钮的外形呢?
PhotoShop自制按钮图标
打开PhotoShop,新建一个64*64的空白文件,背景色设置为透明。Then,挑一个美丽的颜色,使用圆角矩形工具,画一个把整个画布充满的圆角矩形。(放大画布的快捷键为ctrl+‘+’),最后,将此文件导出为png文件,导入AndroidStudio工程中。
Background属性
首先写一个定义Button样式的xml文件:
新建XML文件,类型选Drawable,根结点选selector,本例中文件名为btn_style吧。
我们只需要在selector结点里写上三种状态时显示的背景图片(按下、获取焦点,正常),代码如下。(窝偷懒把focused和pressed写成一个样子了。。。)
Tip:顺序必须是按下,获取焦点,正常
我们在content_main.xml中添加一个button控件,设置text属性为"文继飞非常非常有基础",运行,会有奇怪的现象,原先圆角矩形的圆角扭曲了,奇丑无比。如何解决呢?
draw9patch工具
我们打开SDK目录(忘记的孩子可以去AndroidStudio的Settings-SystemSetting-AndroidSDK查看),打开tools文件夹,运行draw9patch.bat,略微等待,将btn.png导入,以下讲解下该工具的使用方法。
该工具会向原图片四周增加一圈透明像素点,可以通过鼠标选中透明像素点使其变黑。左边和上边变黑的部分表示拉长或者放大时只放大黑线对应的部分,右边和下边变黑的部分表示填写文字时文字填充的位置(ORZ语文不好)。以下为实例:
Save,填写文件名称时无需填写后缀名,系统会自动追加.9.png的后缀名。删除原先导入的图片,将此文件导入Android项目中,无需更改btn_style.xml中的图片名称,运行,观察效果如下。
交易额: 128.29万元
无 |广东省 |深圳市 |南山区
交易额: 110.67万元
无 |浙江省 |温州市 |瓯海区
交易额: 97.63万元
工作室 |广东省 |东莞市 |东莞市
交易额: 83.31万元
公司 |广东省 |广州市 |天河区
成为一品威客服务商,百万订单等您来有奖注册中
价格是多少?怎样找到合适的人才?
¥1200 已有168人投标
¥1600 已有120人投标
¥2800 已有16人投标
¥3000 已有0人投标
¥1600 已有0人投标
¥10000 已有1人投标
¥1000 已有0人投标
¥1000 已有7人投标