天天看点

点九图片的制作及Button的小tips

点九图片应用场景:(以Button图片背景为例)有时候手机在横竖屏切换的时候Button会等比例缩放,从而导致按钮边缘的圆角会缩放,显得不好看,这时候利用安卓SDK自带的点九工具就可以制作.9.phg后缀名的图片。

实现中间部分缩放,边缘部分不缩放

Android Studio版本3.0之前的sdk\tools\draw9patch.bat这个路径找文件,3.0版本好像找不到这文件,但可以在Android studio中点击想要制作为点九图片的那张图片,然后右键找到创建点九图片。如下,接着就可以进行拖线使用了

点九图片的制作及Button的小tips

点九图片制作截图

现在顺带讲一个用户体验性好的Button技巧:

增强与用户的交互感,让用户按下按钮和松开按钮有明显感知
点九图片的制作及Button的小tips

创建资源布局

点九图片的制作及Button的小tips

设置按钮按下松开效果

以下为按下松开效果,不过由于自己练习原理,不涉及美工且图片寻找不适,效果不好看请见谅,毕竟知道怎么做了就好

点九图片的制作及Button的小tips

松开

点九图片的制作及Button的小tips

按下