Android android:scaleType属性 图片按比例缩放

Android ImageView android:scaleType属性 图片按比例缩放
一.ScaleType图片按比例缩放
Scaletype是ImageView控件的一个属性,ImageView 的Scaletype属性决定了图片在View上显示时的样子,如进行按比例的缩放,及显示图片的整体还是部分


设置的方式包括:

1. 在layout xml中定义Android:scaleType="center"

2. 或在代码中调用imageView.setScaleType(ImageView.ScaleType.CENTER);


ScaleType属性:
ImageView的scaleType的属性有8个,分别是matrix(默认)、center、centerCrop、centerInside、fitCenter、fitEnd、fitStart、fitXY

二.我在这里通过一个GridView进行显示, 并给GridView创建了监听,使用点击事件进行详细查看、比较图片的变化

详细的 GridView控件代码,包括实现方式点击下方链接


Android GridView控件(九宫格)                                           
http://blog.csdn.net/codefarmercxy/article/details/55189380   

三.android:scaleType属性 效果展示
1.android:scaleType="center"
保持原图的大小,显示在ImageView的中心。当原图的size大于ImageView的size,超过部分裁剪处理。
Android android:scaleType属性 图片按比例缩放_第1张图片

2. android:scaleType="centerCrop"

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

Android android:scaleType属性 图片按比例缩放_第2张图片
3. android:scaleType="centerInside"

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

Android android:scaleType属性 图片按比例缩放_第3张图片
4. android:scaleType="matrix"

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

Android android:scaleType属性 图片按比例缩放_第4张图片
5. android:scaleType="fitCenter"

把原图按比例扩大或缩小到ImageView的ImageView的高度,居中显示

Android android:scaleType属性 图片按比例缩放_第5张图片
6. android:scaleType="fitEnd"

把原图按比例扩大(缩小)到ImageView的高度,显示在ImageView的下部分位置

Android android:scaleType属性 图片按比例缩放_第6张图片
7. android:scaleType="fitStart"

把原图按比例扩大(缩小)到ImageView的高度,显示在ImageView的上部分位置

Android android:scaleType属性 图片按比例缩放_第7张图片
8. android:scaleType="fitXY"

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

Android android:scaleType属性 图片按比例缩放_第8张图片

总结:有人会觉得fitCenter和centerInside没有区别,根据上面的效果图来分析,其实是有区别的。fitCenter是将原图等比例放大或缩小,使原图的高度等于ImageView的高度,并居中显示,而centerInside在原图的原本size大于ImageView的size时,则缩小原图,效果同fitCenter;在原图的原本size小于ImageView的size时,则不进行任何size处理,居中显示,效果同center。

你可能感兴趣的:(Android)