.9是andriod平台应用软件开发里的一种特殊的图片形式,文件扩展名为—— .9.png,点九图片可以将图片横向和纵向同时进行局部拉伸,解决图片拉伸而边角模糊失真等问题,使用了.9.png图片技术后,只需要采用一套界面切图去适配不同的分辨率,而且大幅减少UI切图,前端代码编写的工作量,实现安装包的优化。画点九图一般用Android SDK工具集里的draw9patch工具,只需要在四条边画黑线就可以了,点九技术在聊天、社交、音频,视频等界面中用到。
.9.png的原理:
其实相当于把一张png图分成了9个部分(九宫格),分别为4个角,4条边,以及一个中间区域,4个角是不做拉升的,所以还能一直保持圆角的清晰状态,而2条水平边和垂直边分别只做水平和垂直拉伸,所以不会出现边缘
- 如果失误多选了部分,可按住shift键,点击鼠标左键去掉黑色条 ,或者点击鼠标右键也能去掉黑色条。
- 选择好区域后,点击左上file-》save 9-path,保存图片,后缀名为xxx.9.png即可。
- 号黑色条位置向下覆盖的区域表示图片横向拉伸时,只拉伸该区域 。
- 号黑色条位置向右覆盖的区域表示图片纵向拉伸时,只拉伸该区域。
- 号黑色条位置向左覆盖的区域表示图片纵向显示内容的区域。
- 号黑色条位置向上覆盖的区域表示图片横向显示内容的区域没有黑色条的位置覆盖的区域是图片拉伸时保持不变(比如,如果图片的四角为弧形的时候,当图片 被任意拉伸时,四角的弧形都不会发生改变)。
.9.png格式的制作流程 :
无论是Eclipse、AndroidStudio 都可以在SDk的tools文件夹下找到draw9patch.bat,双击后,等待操作界面的显示,然后进行制作。这里以AndroidStudio 为例,右键选中需要编辑的后缀为.png格式的图片--->create 9.patch file-->更改名称后点击确定保存,图片后缀名自动变为.9.png-->双击保存后的图片-->出现编辑界面,如下图:![]()
总结:在制作时,一边绘制,一边观察右边三张预览图的拉伸效果,如果你希望.9.png发挥更好的适配效果,可以在drawable中创建一个nine-patch XML格式的文件,进行对.9.png图片的细化,参考代码如下:
android:antialias="true" //抗锯齿
android:dither="true"//设置是否抖动,图片与屏幕的像素配置不同时会用到,比如图片是ARGB 8888的,而屏幕是RGB565,设置为true,图片显示会更自然
android:filter="true"//设置是否允许对图片进行滤波,对图片进行收缩或者延展使用滤波可以获得平滑的外观效果
<?xml version="1.0" encoding="utf-8"?> <nine-patch xmlns:android="http://schemas.android.com/apk/res/android" android:src="@drawable/beside_chatitem_bg_right_press" android:antialias="true" android:dither="true" android:filter="true" > </nine-patch>
以上是本文对.9.png的详细介绍和使用,希望能帮助到你,本文如有纰漏,还望指正。欢迎转载,
转载请注明:http://blog.csdn.net/seeing_is_believing/article/details/73431205
Android屏幕适配、App瘦身之.9.png图片原理及用法解析
最新推荐文章于 2024-01-05 10:51:43 发布