点九图的心得(上)。。(有些图片没去画,用了网上找来的)
大部分的小公司或者有些程序猿哥哥并不会向UI要点九图,但这是一个技能,要储备起来。出于对一些方面的不理解,于是看了《设计之下》《术与道》,还有各大网站前辈的分享,加上自己猪脑子的一遍遍自我理解,于是整理起来分享一下。。有错的地方请大家指正。
对于点九图大家一定也有所认识咯。前辈们有写过的文章我先整理几点。。
一、点九图是干什么的?
点九图又称九图,是一种png格式的图片,其后缀为.9.png ,其与传统png图片不同的地方是,点九图的四周边缘各有1个像素宽高的区域,而且只能填两种颜色,透明(#00000000)和黑色(#FF000000),其目的是用于对该图片的扩展区域和内容显示区域进行定义。
(有时候新手设计师总是会抱怨产品跟设计稿的差距怎么这么大,但是有时候真的需要我们从自身找原因,我们自己是够注意过哪些效果可以完美实现,我们对每个细节是否做细致了,是否考虑适配(因为适配不仅仅是程序员的事情)跟程序猿哥哥是否完美有效的沟通过等等。。多了解一下写程序的一些规则或许对我们自己也有所帮助,不过程序员在开发基本功能时候用脑紧张,脾气一般不大好,大家沟通要选好时间。。)
二、点九图的优势?(点九图是针对安卓系统而言)
1.有点九图就不用再辛苦的针对每种机型做特定适配了。因为点九图具有在拉伸的时候还能够保持图片的细节;
2.使用了点九图,可以把图片做的很小,从而使应用程序的APK文件大小显著减小;
3.图片变小了,使得程序运行和加载起来速度更快了;
4.APK文件大小减小了,网络传输和下载的时间也会大大减小,从而给用户的体验更好;
也就是说这种图片能告诉程序,图像哪一部分可以被拉升,哪一部分不能被拉升需要保持原有比列。运用点九图可以保证图片在不模糊变形的前提下做到自适应。点九图常用于对话框背景图片中。

三、那么对于设计师可以用的绘制点九的工具有哪些呢?
1.使用PS来制作

2.使用draw9patch.bat;Android开发包自带的sdk下tools文件夹下的工具draw9patch.bat。但是前提是你需要把整个sdk都安装好,还要安装Java环境。

3.第九图神器App

(对于第二第三两种软件的安装什么的大家可以自行上网查找,app我在商城一搜,很容易就找到。可能软件安卓要注意有爪哇环境,我当时叫别人帮忙的,所以不是太懂。我是个白痴。。)
四、一些注意事项
Androidstudio对.9图进行了更严格的定义,
1. 如果一张图片不是.9图的话,图片的后缀名千万不要带有XXXX.9.png,这样在androidstudio上是非法,会报错。
2.如果一张图片是.9图,它还是会报错,此时注意这个.9的图片是否是个完整的.9图,也就是说是不是对此图进行了, 四个边的描点, 只有对四个边都进行了描点,这样Androidstudio才能进行识别。(下面会说一个例子来自《设计之下》这本书中提到的关于渐变按钮的点九图,渐变按钮只能水平拉升,竖直方向不拉升的情况下,怎么绘制点九图,系统才不会报错。)
几个案例还是放下一篇文章,因为要自己画图片说明。。







































