一 、PNG
1、PNG格式是非失真性压缩的(就是无损压缩),PNG图片,体积小、清晰度高,锯齿情况少,并且兼容性非常强,PNG便携式网络图形,是一种采用无损压缩算法的位图格式,支持索引、灰度、RGB三种颜色方案以及Alpha通道等特性。PNG的的英文名称为Portable Network Graphics,即便携式网络图片。另有说法是名称来源于非官方的“PNG is Not GIF”。
PNG图标格式特点:
(1)PNG格式的图像会浏览器上采用流式浏览,在完全下载之前提供浏览者一个基本的图像内容,然后再逐渐清晰起来,并且允许连续读出和写入图像数据。
(2)上面所说特点1,这个特性很适合于在通信过程中显示和生成图像。这个特点看起来像不像渐进式JPEG图片?但与渐进式JPEG不同的是,PNG格式图像可以定义256个透明层次,使得彩色图像的边缘能与与背景很好的融合,从而消除锯齿边缘。这个特点和优势是JPEG格式乃至GIF图片都没有的。
二、.9.PNG
.9.PNG是安卓开发里面的一种特殊的图片,这种格式的图片通过ADT自带的编辑工具生成,使用九宫格切分的方法,使图片支持在android 环境下具有自适应调节大小的能力。
(1)允许开发人员定义可扩展区域,当需要延伸图片以填充比图片本身更大区域时,可扩展区的内容被延展。
(2)允许开发人员定义内容显示区,用于显示文字或其他内容。
01.png左边黑线:纵向拉伸区域,必须要画的,控制纵向拉伸,如上图右侧第一个小图。
上边黑线:横向拉伸区域,必须要画的,控制横向拉伸,如上图右侧第二个小图。
右边黑线:可选,纵向内容显示区域
下边黑线:可选,横向内容显示区域
详细如下:
02.png
红色框区域: 表示纵向拉伸区域,当控件背景图片需要进行纵向拉伸时,它只会拉伸红色区域,其它区域不会拉伸。
绿色框区域:表示横向拉伸区域,当控件背景图片需要进行横向拉伸时,它只会拉伸绿色区域,其它区域不会拉伸。
红绿相交区域:该段区域横向和纵向都会拉伸。
三、用AndroidStudio制作.9图
1、将图片放到drawable文件夹中
2、右键图片选择Create 9-Patch file
3、会提示.9图保存的位置,和名字
4、save后即可制作.9图
如示意图:
03.png
04.png
点击.9图片,左边窗口自定拉伸,右边窗口是显示制定效果预览的,如图:
05.png
其中的zoom调节左边预览大小,而patch scale 是调切右边的大小。
Show lock
只能编辑图片最外层1px的边框,如果勾选了Show lock,那么当鼠标放到左侧编辑区域时,那么不可编辑区域会以红色条纹遮盖
06.png
Show content
当勾选了Show content后,右侧预览区中的图片会把内容区域以蓝色表示。
Show patches
当勾选了Show patches后,左侧编辑区域中的可拉伸区域会粉红色高亮显示出来。
show bad patches
在top或left边上设置可拉伸区域设置了连续多个像素时,有可能会造成图片在拉伸时多个像素颜色进行插值导致失真,如果出现了这种情况会以红色显示。(在拉伸区域周围用红色边框显示可能会对拉伸后的图片产生变形的区域,如果完全消除该内容则图片拉伸后是没有变形的,也就是说,不管如何缩放图片显示都是良 好的。
网友评论