【第22期】观点:IT 行业加班,到底有没有价值?

Android中图片缩放9path图片的使用

原创 2015年11月17日 18:13:18

Android 9path图片

在Android系统中有一种特殊的图片格式,就是.9.png格式的图片。 这种特殊的图片是谷歌为了处理和优化不同的Android系统在在图片拉伸时而采用的一种图片的拉伸策略

我们知道,Android系统由于其开放的系统特性,被众多手机厂商所采用。但是也面临Android的碎片化的问题。不同手机的分辨率不同,屏幕大小不同,那么对于屏幕适配来说就会出现很大的问题。

一说到屏幕的适配,很大一部分的因素都是图片的显示问题,我们知道,一张图片在拉伸时如果拉伸的比例过大,会出现锯齿、模糊等现象。这样相同的app在不同的手机上所生的效果有的被拉伸变小,有的拉伸过于长。对于用户都有很不好的体验。所以谷歌为了处理这种情况的发生,在Android的sdk中为我们加入了一款工具叫做:draw9patch.bat

工具的界面:

这款工具可以将我们的图片进行缩放时控制所缩放的像素点。 

工具中为我们显示了图片在竖直、水平、正常显示时候的拉伸样子

我们可以在图片的边上来指定一些像素点,在图片缩放的时候只缩放所划定的区域(黑色点的连线)。而没有指定的像素是不会被缩放的。例如:我们指定边框的几个像素点: 

这个工具比较智能,当我们在图片的一边(例如:左边图片的边界)指定像素时,工具会自动把对应边的区域也指定(右边),所以我们在使用的时候只需要置顶左边和上边的边界即可。

在使用中,我们一般指定图片的上下左右的空白像素点,这样做的好处是,由于这些像素点没有像素,所以再拉伸的时候不会影响图片的效果。

关于Android studio 的错误问题:

Error:Can't have more than one marked region along edge.

出现这个异常是因为我在 .9 图的右侧画了两条线,由于 .9 图的上边界和左边界的划线是负责拉伸扩展的,而下边界和右边界划线则是内容区域,所以 .9 图不允许右侧和下边界有两条划线,而左边界和上边界则没有问题


版权声明:感谢阅读、评论、转载 举报

相关文章推荐

android 图片的单点缩放操作

图片处理,支持单点旋转缩放外加拖动

[Android]可缩放性ImageView(可以放大缩小)

由于项目需求的原因,最近一直在研究可缩放性ImageView,用本文来记录一下最近所学: 该ImageView的实现功能有: 1)初步打开时,图片按比例满屏(填充ImageView)显示。 2)在放大...

程序员升职加薪指南!还缺一个“证”!

CSDN出品,立即查看!

动态改变PopupWindow大小

动态改变PopupWindow大小     最近项目需要实现动态改变PopupWindow的大小,今天下午花了两个小时没能搞定,现在在宿舍实现,简单将代码贴如下:     PopupwindowA...
  • zzp16
  • zzp16
  • 2011-07-29 00:22
  • 14569

Android开发 View的平移、缩放、旋转以及位置、坐标系

转载地址:http://blog.csdn.net/eieihihi/article/details/45668189 1、移动View内容的相关变量和方法 (注意:是移动View所包含的内容,...

Android Developers:拖动和缩放

这个课程描述了如何使用手势来拖拽和缩放屏幕的对象,使用onTouchEvent()方法来获取触摸事件。这里是这节课程使用的源代码。    拖动一个对象  ——————————————...

Android UI性能优化详解

Android UI性能优化详解 设计师,开发人员,需求研究和测试都会影响到一个app最后的UI展示,所有人都很乐于去建议app应该怎么去展示UI。UI也是app和用户打交道的部分,直接对用户形成...

Android之实现手势缩放的ImageView

将以下代码写到MulitPointTouchListener.java中,然后对你相应的图片进行OnTouchListener。 例如:imageView.setOnTouchListener(new...

Android界面性能调优手册

注:本文是我在 Android 界面性能调优知识的系统性总结,纯属个人碎碎念。秉持开源分享的原则发布本文出来,各位看官有需则取。原文见:https://androidtest.org/android-...

Android图片缩放库 Photoview 和 Gif 控件GifView 的使用

参考视频: http://www.jikexueyuan.com/course/1715.html 视频及源码下载: http://download.csdn.net/detail/zhaiha...
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)