Android美工坊--.9.png格式图片的制作与使用--1
2016-06-06 14:42
537 查看
开发应用程序的时候,如果一个应用的界面太丑,给用户的第一感觉就是这个产品很垃圾,即使功能很强悍。大公司的码农当然就不用担心了,因为有很多艺术天赋的美工美眉来处理这个方面,但是如果是小公司的话,或者说你想自己开发应用的话,没有一个吸引人的界面是不会得到用户关注的。自己开发的应用如果看着很喜爱,那当然再好不过了
废话有些多,了解.9.png图片已经一段时间了,索性将其记载下来,以防以后忘记。虽然网上有很多,但是很乱,看着心烦,而且不符合自己的需求,所以还是自己动手丰衣足食。
.9.png图片其实就是png格式图片,不过它比普通的png图片外围多了1px(像素)的边框,另外就是使用这种格式的图片可以实现背景自适应大小且不失真的效果。比如某些控件横竖屏切换后控件的样子就变形了,或者某些图片作为控件背景也变形,这会让人很郁闷。幸好.9.png图片可以提供这些需要的功能
使用步骤
1、制作属于你自己的png图片,一定要是png图片。可以自己PS制作,也可以解压其他应用的apk文件,用里面的图片资源,Android系统也有图片资源可以使用()
2、在D:\android\android-sdk-windows\tools目录下找到draw9patch.bat文件,然后将其打开,将你要处理的png图片拖入即可。或者File --> Open 9 patch
上边黑线:横向拉伸区域,必须要画的,拉伸是横向拉伸,如右边的区域第二个拉伸的就是横向拉伸的效果
左边黑线:纵向拉伸区域,必须要画的,拉伸是纵向拉伸,如右边的区域第一个拉伸的就是纵向拉伸的效果
下边黑线:可选,横向内容显示区域
右边黑线:可选,纵向内容显示区域
剩下的自己试试就知道了
3、注意,黑线必须是连续的,如果你感觉画的不好,按shift+鼠标左键将其擦出,然后从新画。画完后点击File-->save 9-patch保存即可,效果如下图
4、接下来需要在程序中使用了,将这个图片放到drawable中即可,跟其他的图片使用没什么区别了,唯一神奇的就是可以自适应,不失真
比如我们用这个图片定义一个Button,另外加个TextView的背景图,也是.9.png图片。
main.xml
运行效果如下:
文章精选:
http://www.cnblogs.com/qianxudetianxia/archive/2011/04/17/2017591.html
http://www.learningandroid.net/blog/advance/9-patch-listview-coner/
http://blog.csdn.net/xiaominghimi/article/details/6107837
废话有些多,了解.9.png图片已经一段时间了,索性将其记载下来,以防以后忘记。虽然网上有很多,但是很乱,看着心烦,而且不符合自己的需求,所以还是自己动手丰衣足食。
.9.png图片其实就是png格式图片,不过它比普通的png图片外围多了1px(像素)的边框,另外就是使用这种格式的图片可以实现背景自适应大小且不失真的效果。比如某些控件横竖屏切换后控件的样子就变形了,或者某些图片作为控件背景也变形,这会让人很郁闷。幸好.9.png图片可以提供这些需要的功能
使用步骤
1、制作属于你自己的png图片,一定要是png图片。可以自己PS制作,也可以解压其他应用的apk文件,用里面的图片资源,Android系统也有图片资源可以使用()
2、在D:\android\android-sdk-windows\tools目录下找到draw9patch.bat文件,然后将其打开,将你要处理的png图片拖入即可。或者File --> Open 9 patch
上边黑线:横向拉伸区域,必须要画的,拉伸是横向拉伸,如右边的区域第二个拉伸的就是横向拉伸的效果
左边黑线:纵向拉伸区域,必须要画的,拉伸是纵向拉伸,如右边的区域第一个拉伸的就是纵向拉伸的效果
下边黑线:可选,横向内容显示区域
右边黑线:可选,纵向内容显示区域
剩下的自己试试就知道了
3、注意,黑线必须是连续的,如果你感觉画的不好,按shift+鼠标左键将其擦出,然后从新画。画完后点击File-->save 9-patch保存即可,效果如下图
4、接下来需要在程序中使用了,将这个图片放到drawable中即可,跟其他的图片使用没什么区别了,唯一神奇的就是可以自适应,不失真
比如我们用这个图片定义一个Button,另外加个TextView的背景图,也是.9.png图片。
main.xml
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:padding="6dp" android:orientation="vertical" > <TextView android:layout_gravity="right" android:layout_width="wrap_content" android:layout_height="wrap_content" android:padding="5dp" android:background="@drawable/sms_out_normal_bg" android:text="http://www.cnblogs.com/loulijun/\n -- 花郎" /> <Button android:id="@+id/sendMsg" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:padding="10dp" android:background="@drawable/test" android:text="发送消息给允儿" /> </LinearLayout>
运行效果如下:
文章精选:
http://www.cnblogs.com/qianxudetianxia/archive/2011/04/17/2017591.html
http://www.learningandroid.net/blog/advance/9-patch-listview-coner/
http://blog.csdn.net/xiaominghimi/article/details/6107837
相关文章推荐
- Android创建桌面快捷方式
- Android Exception - SQLiteDatabaseLockedException
- Android之线程终止
- android使用Leaks检测内存泄漏
- android requestWindowFeature使用详解
- AndroidStudio中使用ButterKnife注解
- Plugin is too old, please update to a more recent version, or set ANDROID_DAILY_OVERRIDE environmen
- Android Studio 学习笔记 - 环境配置验证
- Android Studio 学习笔记 - 环境配置验证
- Android升华之路------activity的启动模式
- Error:The project is using an unsupported version of the Android Gradle plug-in (0.8.3). The recomme
- android中通过条件查找通讯录联系人
- Android源码系列之深入理解ImageView的ScaleType属性
- Android 手机root
- Android: failed to convert @drawable/picture into a drawable
- Android_AsyncTask
- Qt for Android 开发大坑 2
- android ListView几种使用
- Android Studio中Git的配置及协同开发
- Android EventBus源码解析 带你深入理解EventBus