draw9patch--指定图片的可缩放区域防止失真
2017-07-28 19:37
267 查看
在Android Studio里临摹编写qq聊天界面作为app开发的练习时,遇到了一些问题:
1.聊天的气泡怎样拉伸以盛放内容?
2.拉伸后明显模糊,特别难看
对于第一个问题,可以在活动对应的xml文件中设置图片的属性android:scaleType
这个属性有几个参数,scaleType的属性有matrix(默认)、center、centerCrop、centerInside、fitCenter、fitEnd、fitStart、fitXY。
android:scaleType="center"
保持原图的大小,显示在ImageView的中心。当原图的size大于ImageView的size,超过部分裁剪处理。
android:scaleType="centerCrop"
以填满整个ImageView为目的,将原图的中心对准ImageView的中心,等
4000
比例放大原图,直到填满ImageView为止(指的是ImageView的宽和高都要填满),原图超过ImageView的部分作裁剪处理。
android:scaleType="centerInside"
以原图完全显示为目的,将图片的内容完整居中显示,通过按比例缩小原图的size宽(高)等于或小于ImageView的宽(高)。如果原图的size本身就小于ImageView的size,则原图的size不作任何处理,居中显示在ImageView。
android:scaleType="matrix"
不改变原图的大小,从ImageView的左上角开始绘制原图,原图超过ImageView的部分作裁剪处理。
android:scaleType="fitCenter"
把原图按比例扩大或缩小到ImageView的ImageView的高度,居中显示
android:scaleType="fitEnd"
把原图按比例扩大(缩小)到ImageView的高度,显示在ImageView的下部分位置
android:scaleType="fitStart"
把原图按比例扩大(缩小)到ImageView的高度,显示在ImageView的上部分位置
android:scaleType="fitXY"
把原图按照指定的大小在View中显示,拉伸显示图片,不保持原比例,填满ImageView.
对于第二个问题,教材上告诉我AS的SDK里面有一个叫draw9patch.bat的脚本文件,可以编辑png格式文件,对想要缩放的区域进行指定。也就是说,我们可以不让放大之后会模糊的气泡边缘和气泡“尾巴”随着气泡一起放缩,这样问题就解决了。
但是,打开SDK目录下的tools文件夹,我却没找到有draw9patch.bat......原来,Android
Studio见这脚本文件很受欢迎,就在某版本将它集成在AS里面了,也就是说,在AS下 找到图片,右键-create.9path,然后就自动生成了。
![](https://img-blog.csdn.net/20170728193635492?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcTI4Nzg5NDg=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
对.9.png文件操作时,右边是预览,左边是编辑区。其中上左黑线指定拉伸时可以放缩的区域,下右黑线指定内容所放置的区域。只要把气泡边缘和气泡“尾巴”放在上左黑线交叉出的矩形区域外面,它们就不会跟着一起缩放了。
1.聊天的气泡怎样拉伸以盛放内容?
2.拉伸后明显模糊,特别难看
对于第一个问题,可以在活动对应的xml文件中设置图片的属性android:scaleType
这个属性有几个参数,scaleType的属性有matrix(默认)、center、centerCrop、centerInside、fitCenter、fitEnd、fitStart、fitXY。
android:scaleType="center"
保持原图的大小,显示在ImageView的中心。当原图的size大于ImageView的size,超过部分裁剪处理。
android:scaleType="centerCrop"
以填满整个ImageView为目的,将原图的中心对准ImageView的中心,等
4000
比例放大原图,直到填满ImageView为止(指的是ImageView的宽和高都要填满),原图超过ImageView的部分作裁剪处理。
android:scaleType="centerInside"
以原图完全显示为目的,将图片的内容完整居中显示,通过按比例缩小原图的size宽(高)等于或小于ImageView的宽(高)。如果原图的size本身就小于ImageView的size,则原图的size不作任何处理,居中显示在ImageView。
android:scaleType="matrix"
不改变原图的大小,从ImageView的左上角开始绘制原图,原图超过ImageView的部分作裁剪处理。
android:scaleType="fitCenter"
把原图按比例扩大或缩小到ImageView的ImageView的高度,居中显示
android:scaleType="fitEnd"
把原图按比例扩大(缩小)到ImageView的高度,显示在ImageView的下部分位置
android:scaleType="fitStart"
把原图按比例扩大(缩小)到ImageView的高度,显示在ImageView的上部分位置
android:scaleType="fitXY"
把原图按照指定的大小在View中显示,拉伸显示图片,不保持原比例,填满ImageView.
对于第二个问题,教材上告诉我AS的SDK里面有一个叫draw9patch.bat的脚本文件,可以编辑png格式文件,对想要缩放的区域进行指定。也就是说,我们可以不让放大之后会模糊的气泡边缘和气泡“尾巴”随着气泡一起放缩,这样问题就解决了。
但是,打开SDK目录下的tools文件夹,我却没找到有draw9patch.bat......原来,Android
Studio见这脚本文件很受欢迎,就在某版本将它集成在AS里面了,也就是说,在AS下 找到图片,右键-create.9path,然后就自动生成了。
对.9.png文件操作时,右边是预览,左边是编辑区。其中上左黑线指定拉伸时可以放缩的区域,下右黑线指定内容所放置的区域。只要把气泡边缘和气泡“尾巴”放在上左黑线交叉出的矩形区域外面,它们就不会跟着一起缩放了。
相关文章推荐
- 指定区域的图片自动按比例缩小的js代码(防止页面被图片撑破)
- javascript 指定区域内图片等比例缩放实现代码 脚本之家整合版 原创
- javascript 指定区域内图片等比例缩放实现代码 脚本之家整合版 原创
- 指定区域的图片自动按比例缩小的js代码(防止页面被图片撑破)
- 指定区域的图片自动按比例缩小的js代码(防止页面被图片撑破)
- vc++ mfc 里保存缩放的bmp图片 不失真
- 通过jquery使图片自动适应缩放到指定尺寸
- ImageView的几种对图片的缩放处理 解决imageview放大图片后失真问题解决办法
- Android 获取让图片保持在一个区域内所需缩放的倍数
- qt 在指定区域添加图片
- javascript实现改变图片指定区域的颜色
- 这是用于给指定图片加底部水印(不占用图片显示区域)的自定义类
- php 图片指定留白叠加缩放
- Delphi将图片缩放成指定大小
- flash图片消除锯齿,任意缩放不会出现失真现象
- Java压缩图片util,可等比例宽高不失真压缩,也可直接指定压缩后的宽高
- CImage不失真缩放显示图片
- php图片缩放代码-按比例缩放或截取指定大小的缩略图 非常好用的一个方法
- 【VS开发】MFC学习之 解决StretchBlt()图片缩放绘图失真
- 在指定的窗口指定的区域绘制指定的BMP图片