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

yphyphyph
yphyphyph 这家伙很懒,还没有设置简介...

0 人点赞了该文章 · 65 浏览

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中的图片名称,运行,观察效果如下。

发布于 2022-09-30 23:10

免责声明:

本文由 yphyphyph 原创或收集发布于 火鲤鱼 ,著作权归作者所有,如有侵权可联系本站删除。

火鲤鱼 © 2026 专注小微企业服务 冀ICP备09002609号-8