在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的中心,等比例放大原图,直到填满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文件操作时,右边是预览,左边是编辑区。其中上左黑线指定拉伸时可以放缩的区域,下右黑线指定内容所放置的区域。只要把气泡边缘和气泡“尾巴”放在上左黑线交叉出的矩形区域外面,它们就不会跟着一起缩放了。