loading请求处理中...

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

2021-12-01 20:37:40 阅读 10928次 标签: android游戏开发android基础教程 作者: 蓝blue

  在进行安卓App开发的过程中,相信有不少同学嫌弃系统自带的button组件丑,那么如何进行自定义按钮的外形呢?

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

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

软件UI设计公司推荐

成为一品威客服务商,百万订单等您来有奖注册中

留言( 展开评论

快速发任务

价格是多少?怎样找到合适的人才?

官方顾问免费为您解答

 
软件UI设计相关任务
DESIGN TASK 更多
为APP设计一款logo

¥1200 已有168人投标

车辆服务公司logo设计

¥1600 已有120人投标

软件开发UI设计

¥3000 已有0人投标

园区外墙效果图设计

¥1600 已有0人投标

Android APK 二次开发打包

¥10000 已有1人投标

车衣的外观设计

¥1000 已有0人投标

糕点品牌包装设计

¥1000 已有7人投标