draw9patch--指定图片的可缩放区域防止失真

来源:互联网 发布:手机版淘宝怎么买彩票 编辑:程序博客网 时间:2024/06/05 18:03

Android Studio里临摹编写qq聊天界面作为app开发的练习时,遇到了一些问题:

1.聊天的气泡怎样拉伸以盛放内容?

2.拉伸后明显模糊,特别难看

对于第一个问题,可以在活动对应的xml文件中设置图片的属性android:scaleType

这个属性有几个参数,scaleType的属性有matrix(默认)、centercenterCropcenterInsidefitCenterfitEndfitStartfitXY
android:scaleType="center"
保持原图的大小,显示在ImageView的中心。当原图的size大于ImageViewsize,超过部分裁剪处理。

android:scaleType="centerCrop"
以填满整个ImageView为目的,将原图的中心对准ImageView的中心,等比例放大原图,直到填满ImageView为止(指的是ImageView的宽和高都要填满),原图超过ImageView的部分作裁剪处理。

android:scaleType="centerInside"
以原图完全显示为目的,将图片的内容完整居中显示,通过按比例缩小原图的size()等于或小于ImageView的宽()。如果原图的size本身就小于ImageViewsize,则原图的size不作任何处理,居中显示在ImageView

android:scaleType="matrix"
不改变原图的大小,从ImageView的左上角开始绘制原图,原图超过ImageView的部分作裁剪处理。

android:scaleType="fitCenter"
把原图按比例扩大或缩小到ImageViewImageView的高度,居中显示

android:scaleType="fitEnd"
把原图按比例扩大(缩小)ImageView的高度,显示在ImageView的下部分位置

android:scaleType="fitStart"
把原图按比例扩大(缩小)ImageView的高度,显示在ImageView的上部分位置

android:scaleType="fitXY"
把原图按照指定的大小在View中显示,拉伸显示图片,不保持原比例,填满ImageView.

对于第二个问题,教材上告诉我ASSDK里面有一个叫draw9patch.bat的脚本文件,可以编辑png格式文件,对想要缩放的区域进行指定。也就是说,我们可以不让放大之后会模糊的气泡边缘和气泡“尾巴”随着气泡一起放缩,这样问题就解决了。

但是,打开SDK目录下的tools文件夹,我却没找到有draw9patch.bat......原来,Android Studio见这脚本文件很受欢迎,就在某版本将它集成在AS里面了,也就是说,在AS下 找到图片,右键-create.9path,然后就自动生成了。

 

.9.png文件操作时,右边是预览,左边是编辑区。其中上左黑线指定拉伸时可以放缩的区域,下右黑线指定内容所放置的区域。只要把气泡边缘和气泡“尾巴”放在上左黑线交叉出的矩形区域外面,它们就不会跟着一起缩放了。