Android.9图片评论(一个)

什么是.9图片

至于什么是.9图片这里就简单提一下,即图片后缀名前有.9的图片,如pic.9.png、pic1.9.jgp,诸如此类的图片就称为.9图片。

.9图片的作用

①.9图片的作用是在图片拉伸的时候特定的区域不会发生图片失真。至于哪些部分不会失真那么得看你的图片是怎样绘制的。

②当一张图片作为背景时能够指定前景内容的显示区域。

如图:

Android.9图片评论(一个)

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvc2hpbWlzbw==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" />

当中灰色是背景、绿色是前景。那么前景放在背景的详细位置是能够通过.9图片进行规定的。

怎样绘制.9图片

①利用android开发环境中提供的工具draw9patch。

draw9patch如图 :

Android.9图片评论(一个)

【draw9patch.bat其它功能说明】

   Show lock:显示不可绘区域

   Show patches:预览这个画图区中的可延伸宫格(粉红色代表一个可延伸区域)

   Show patches:预览视图中的高亮区域(紫色区域) 一些事

   Show bad patches:在宫格区域四周添加一个红色边界,这可能会在图像被延伸时产生人工痕迹。假设你消除全部的坏宫格,延伸视图的视觉一致性将得到维护。

在“原始图像显示绘制区域”(这个名称自己取的)事实上显示的是一张原始图片。而且在原始图片的四周加入了一个像素,通俗点说就是图片比原始图片扩大了一圈,多出来的那一圈是透明像素。

我们须要绘制的地方真是在那一圈透明像素上进行绘制。在绘制之前先讲讲那一圈透明像素的含义。如图:

Android.9图片评论(一个)

四周分别命名为L、T、R、B。

绘制在L的区域:用于拉伸的纵向区域。

绘制在T的区域:用于拉伸的横向区域。

绘制在R的区域:用于显示前景的纵向范围。

绘制在B的区域:用于显示前景的横向范围。

举例说明一下。如图 :

Android.9图片评论(一个)

这个图会怎样拉伸、怎样显示前景呢?最简单的方法是直接看“拉伸预览区”,当然更快捷是方法是你能直接看出这个区域。

拉伸区域

如图:

Android.9图片评论(一个)

红色框区域:表示纵向拉伸的区域,也就是说,当图片须要纵向拉伸的时候它会仅仅指定拉伸红色区域,其它区域在纵向是不会拉伸的。

绿色框区域:表示横向拉伸的区域。也就是说,当图片须要横向拉伸的时候它会仅仅指定拉伸绿色区域,其它区域在横向是不会拉伸的。

显然红色和绿色相交的部分是既会进行横向拉伸也会进行纵向拉伸的。

前景的显示区域

如图:

Android.9图片评论(一个)

蓝色区域:表示前景能显示的纵向范围。即前景的最上面能够显示到什么地方,最以下能够显示的什么地方。

黄色区域:表示前景能显示的横向范围。即前景的最左边能够显示到什么地方,最右边能够显示的什么地方。

蓝色和黄色相交部分:表示整个前景能显示的区域。一个区域是矩形的,蓝色规定了上下边界,黄色规定了左右边界,两者共同当然也就规定了一个矩形区域。

②利用photoshop进行绘制。

怎样绘制?

A、首先将画布四周放大一个像素。

B、然后在四周绘制黑色像素(四周像素的意义參见①)。

C、保存的时候改成.9图片的后缀名。

何时使用ps绘制?

A、图片非常大的时候用draw9patch不是非常好绘制,这个时候你就能够利用ps进行绘制。

B、当你要做非常多图标的时候,你能够利用ps中的动作功能来批量完毕。

小结:假设你熟悉ps的话某种程度上能够做到事半功倍。而且能够做一些模板。或者是录制一些动作。

何时须要使用.9图片

简单点讲,一张图片被拉伸以后会发生严重的图像失真时。那么就能够考虑.9图片。那么哪些时候这种图片格式是比較有效的呢?

①图片有圆角而且其它某一区域能够拉伸而不影响图片效果。

②一些图标须要适配不同的分辨率的设备。

当然详细的使用还得看详细的要求。这里仅仅是说了一下我最经常使用的,不经常使用的就没有列举了。

PS:.9图片非常多时候你知道怎么使用就能够了,至于为什么会产生拉伸,相似这种问题你最好去问问google。

有两点须要特别注意下:

1.最外围的一圈像素必须要么是纯黑色,要么是透明,一点点的半透明的像素都不能够有,比方说99%的黑色或者是1%的投影都不能够有;
       2.文件的后缀名必须是.9.png。不能是.png或者是.9.png.png,这一命名将导致编译失败。

版权声明:本文博客原创文章。博客,未经同意,不得转载。

上一篇:PLSQL_PLSQL读和写CSV文件方式(案例)


下一篇:JQuery加载列表实现动画滚动(自上而下挤)