Android.9图片评论(一个)
什么是.9图片
至于什么是.9图片这里就简单提一下,即图片后缀名前有.9的图片,如pic.9.png、pic1.9.jgp,诸如此类的图片就称为.9图片。
.9图片的作用
①.9图片的作用是在图片拉伸的时候特定的区域不会发生图片失真。至于哪些部分不会失真那么得看你的图片是怎样绘制的。
②当一张图片作为背景时能够指定前景内容的显示区域。
如图:
watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvc2hpbWlzbw==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" />
当中灰色是背景、绿色是前景。那么前景放在背景的详细位置是能够通过.9图片进行规定的。
怎样绘制.9图片
①利用android开发环境中提供的工具draw9patch。
draw9patch如图 :
【draw9patch.bat其它功能说明】
Show lock:显示不可绘区域
Show patches:预览这个画图区中的可延伸宫格(粉红色代表一个可延伸区域)
Show patches:预览视图中的高亮区域(紫色区域) 一些事
Show bad patches:在宫格区域四周添加一个红色边界,这可能会在图像被延伸时产生人工痕迹。假设你消除全部的坏宫格,延伸视图的视觉一致性将得到维护。
在“原始图像显示绘制区域”(这个名称自己取的)事实上显示的是一张原始图片。而且在原始图片的四周加入了一个像素,通俗点说就是图片比原始图片扩大了一圈,多出来的那一圈是透明像素。
我们须要绘制的地方真是在那一圈透明像素上进行绘制。在绘制之前先讲讲那一圈透明像素的含义。如图:
四周分别命名为L、T、R、B。
绘制在L的区域:用于拉伸的纵向区域。
绘制在T的区域:用于拉伸的横向区域。
绘制在R的区域:用于显示前景的纵向范围。
绘制在B的区域:用于显示前景的横向范围。
举例说明一下。如图 :
这个图会怎样拉伸、怎样显示前景呢?最简单的方法是直接看“拉伸预览区”,当然更快捷是方法是你能直接看出这个区域。
拉伸区域
如图:
红色框区域:表示纵向拉伸的区域,也就是说,当图片须要纵向拉伸的时候它会仅仅指定拉伸红色区域,其它区域在纵向是不会拉伸的。
绿色框区域:表示横向拉伸的区域。也就是说,当图片须要横向拉伸的时候它会仅仅指定拉伸绿色区域,其它区域在横向是不会拉伸的。
显然红色和绿色相交的部分是既会进行横向拉伸也会进行纵向拉伸的。
前景的显示区域
如图:
蓝色区域:表示前景能显示的纵向范围。即前景的最上面能够显示到什么地方,最以下能够显示的什么地方。
黄色区域:表示前景能显示的横向范围。即前景的最左边能够显示到什么地方,最右边能够显示的什么地方。
蓝色和黄色相交部分:表示整个前景能显示的区域。一个区域是矩形的,蓝色规定了上下边界,黄色规定了左右边界,两者共同当然也就规定了一个矩形区域。
②利用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,这一命名将导致编译失败。
版权声明:本文博客原创文章。博客,未经同意,不得转载。
Android.9图片评论(一个)的更多相关文章
- Qt for Android (三) 打开Android相册并选一个图片进行显示
Qt for Android (三) 这两天弄了一下android相册的相关功能.还是花了挺长时间的,这里总结一下,避免以后再踩坑.同时也在这篇文章里面补齐一些android开发的基础支持 打开And ...
- Android压缩图片到100K以下并保持不失真的高效方法
前言:目前一般手机的相机都能达到800万像素,像我的Galaxy Nexus才500万像素,拍摄的照片也有1.5M左右.这么大的照片上传到服务器,不仅浪费流量,同时还浪费时间. 在开发Android企 ...
- 仿优酷Android客户端图片左右滑动(自动滑动)
最终效果: 页面布局main.xml: <?xml version="1.0" encoding="utf-8"?> <LinearLayou ...
- Android 实现图片画画板
本文主要讲述了Android 实现图片画画板 设计项目布局: <RelativeLayout xmlns:android="http://schemas.android.com/apk ...
- 关于Android中图片大小、内存占用与drawable文件夹关系的研究与分析
原文:关于Android中图片大小.内存占用与drawable文件夹关系的研究与分析 相关: Android drawable微技巧,你所不知道的drawable的那些细节 经常会有朋友问我这个问题: ...
- android 拉伸图片
Android拉伸图片用的是9.png格式的图片,这种图片可以指定图片的那一部分拉伸,那一部分显示内容,美工给的小图片也能有很好的显示效果. 原背景图片 可以看到原背景图片很小,即使在再长的文字,背景 ...
- Android大图片裁剪终极解决方案(上:原理分析)
转载声明:Ryan的博客文章欢迎您的转载,但在转载的同时,请注明文章的来源出处,不胜感激! :-) http://my.oschina.net/ryanhoo/blog/86842 约几个月前,我正 ...
- 简单地Android中图片的三级缓存机制
我们不能每次加载图片的时候都让用户从网络上下载,这样不仅浪费流量又会影响用户体验,所以Android中引入了图片的缓存这一操作机制. 原理: 首先根据图片的网络地址在网络上下载图片,将图片先缓存到内存 ...
- Android bitmap图片处理
一.View转换为Bitmap 在Android中所有的控件都是View的直接子类或者间接子类,通过它们可以组成丰富的UI界面.在窗口显示的时候Android会把这些控件都加载到内存中 ...
随机推荐
- Microsoft Build 2016 Day 2
Microsoft Build 2016 Day 2 Microsoft Build 2016 Day 1 记录 Microsoft Build 2016 进行到了第二天,我觉得这一天的内容非常精彩, ...
- hdu 4107当卡段树
其核心思想是记录最大的节点值和最低值,假设max<p要么min>=p时间,在节点只变化add值,不要子树遍历:否则,就往子树递归. #include<iostream> #in ...
- BDB (Berkeley DB)简要数据库(转载)
使用最近DBD.然后搜了下相关资料,首先公布的是一门科学: 转会http://www.javaeye.com/topic/202990 DB综述DB最初开发的目的是以新的HASH訪问算法来取代旧的hs ...
- KVC该机制
KVC该机制 KVC是cocoa的大招,用来间接获取或者改动对象属性的方式. 一.KVC的作用: KVC大招之中的一个: [self setValuesForKeysWithDictionary:di ...
- 深入理解计算机系统之旅(四)处理器(CPU)的体系结构
1.前言 处理器是很复杂的系统,它不是一蹴而就的,它是经过不断的升级.更新.设计之后的产物,而且如今还在保持着不断的更新. 处理器仅仅能运行一系列的指令,每条指令都仅仅是运行某个简单的操作,比方数字相 ...
- [WebView五学习]:调试Web Apps
上一篇我们学习了([WebView学习之四]:迁移到Android4.4版本号的WebView),今天我们来继续学习. (博客地址:http://blog.csdn.net/developer_jia ...
- 使用ZeroMQ(clrzmq)实现异步通信
ZeroMQ是对Socket的封装,通过组合多种类型的结点可以实现复杂的网络通信模式.而且ZeroMQ设计简单,可以有多种平台实现,对于跨平台项目是一个福音. clrzmq是ZeroMQ的C#语言的实 ...
- NTP方式保证以时间戳同步可靠性
数据库同步的方式有设置标志位同步方式.以时间戳同步的方式,对于一对一的同步这两种方式都满足,可是对于一对多的同步,则仅仅能选择时间戳的同步方式了.可是已时间戳同步的方式的一个问题是怎样可靠的保证数据能 ...
- response.setHeader各种使用方法
一秒刷新页面一次 response.setHeader("refresh","1"); 二秒跳到其它页面 response.setHeader("re ...
- sql分隔字符串数组
declare @relation_code nvarchar(1024) set @relation_code = '#10000#10002' set @relation_code=substri ...