imageview.scaletype ImageView的加载方式(转载)
2014-02-20 11:04
357 查看
转自 /article/2224804.html
ImageView的Scaletype决定了图片在View上显示时的样子,如进行何种比例的缩放,及显示图片的整体还是部分,等等。
设置的方式包括:
1. 在layout xml中定义android:scaleType="CENTER"
2. 或在代码中调用imageView.setScaleType(ImageView.ScaleType.CENTER);
接下来,将对ScaleType的值和对应的显示效果用最直观的方式——真图演示的方法,来进行说明。
首先,是测试使用的原始图片:
![](http://hi.csdn.net/attachment/201110/30/0_1319976827wW01.gif)
(Dimensions: 128 * 128)
![](http://hi.csdn.net/attachment/201110/30/0_1319976939pkgr.gif)
(Dimensions: 640 * 428)
好,开始下面的测试:
1. SetScaleType(ImageView.ScaleType.CENTER);
按图片的原来size居中显示,当图片长/宽超过View的长/宽,则截取图片的居中部分显示
![](http://hi.csdn.net/attachment/201110/30/0_1319980238S0ht.gif)
![](http://hi.csdn.net/attachment/201110/30/0_1319980257h8NT.gif)
2. SetScaleType(ImageView.ScaleType.CENTER_CROP);
按比例扩大图片的size居中显示,使得图片长(宽)等于或大于View的长(宽)
![](http://hi.csdn.net/attachment/201110/30/0_1319980210oDm8.gif)
![](http://hi.csdn.net/attachment/201110/30/0_13199802252Hvf.gif)
3. setScaleType(ImageView.ScaleType.CENTER_INSIDE);
将图片的内容完整居中显示,通过按比例缩小或原来的size使得图片长/宽等于或小于View的长/宽
![](http://hi.csdn.net/attachment/201110/30/0_1319980180mJsK.gif)
![](http://hi.csdn.net/attachment/201110/30/0_1319980194fb0b.gif)
4. setScaleType(ImageView.ScaleType.FIT_CENTER);
把图片按比例扩大/缩小到View的宽度,居中显示
![](http://hi.csdn.net/attachment/201110/30/0_1319980150BcCh.gif)
![](http://hi.csdn.net/attachment/201110/30/0_13199801347auQ.gif)
5. FIT_START, FIT_END在图片缩放效果上与FIT_CENTER一样,只是显示的位置不同,FIT_START是置于顶部,FIT_CENTER居中,FIT_END置于底部。
在此就不给出示例了。
6. FIT_XY
不按比例缩放图片,目标是把图片塞满整个View。
![](http://hi.csdn.net/attachment/201110/30/0_1319980055JRlc.gif)
ImageView的Scaletype决定了图片在View上显示时的样子,如进行何种比例的缩放,及显示图片的整体还是部分,等等。
设置的方式包括:
1. 在layout xml中定义android:scaleType="CENTER"
2. 或在代码中调用imageView.setScaleType(ImageView.ScaleType.CENTER);
接下来,将对ScaleType的值和对应的显示效果用最直观的方式——真图演示的方法,来进行说明。
首先,是测试使用的原始图片:
![](http://hi.csdn.net/attachment/201110/30/0_1319976827wW01.gif)
(Dimensions: 128 * 128)
![](http://hi.csdn.net/attachment/201110/30/0_1319976939pkgr.gif)
(Dimensions: 640 * 428)
好,开始下面的测试:
1. SetScaleType(ImageView.ScaleType.CENTER);
按图片的原来size居中显示,当图片长/宽超过View的长/宽,则截取图片的居中部分显示
![](http://hi.csdn.net/attachment/201110/30/0_1319980238S0ht.gif)
![](http://hi.csdn.net/attachment/201110/30/0_1319980257h8NT.gif)
2. SetScaleType(ImageView.ScaleType.CENTER_CROP);
按比例扩大图片的size居中显示,使得图片长(宽)等于或大于View的长(宽)
![](http://hi.csdn.net/attachment/201110/30/0_1319980210oDm8.gif)
![](http://hi.csdn.net/attachment/201110/30/0_13199802252Hvf.gif)
3. setScaleType(ImageView.ScaleType.CENTER_INSIDE);
将图片的内容完整居中显示,通过按比例缩小或原来的size使得图片长/宽等于或小于View的长/宽
![](http://hi.csdn.net/attachment/201110/30/0_1319980180mJsK.gif)
![](http://hi.csdn.net/attachment/201110/30/0_1319980194fb0b.gif)
4. setScaleType(ImageView.ScaleType.FIT_CENTER);
把图片按比例扩大/缩小到View的宽度,居中显示
![](http://hi.csdn.net/attachment/201110/30/0_1319980150BcCh.gif)
![](http://hi.csdn.net/attachment/201110/30/0_13199801347auQ.gif)
5. FIT_START, FIT_END在图片缩放效果上与FIT_CENTER一样,只是显示的位置不同,FIT_START是置于顶部,FIT_CENTER居中,FIT_END置于底部。
在此就不给出示例了。
6. FIT_XY
不按比例缩放图片,目标是把图片塞满整个View。
![](http://hi.csdn.net/attachment/201110/30/0_1319980055JRlc.gif)
![](http://hi.csdn.net/attachment/201110/30/0_1319980073vF07.gif)
相关文章推荐
- 103、ImageView.ScaleType设置图解(转载)
- [Android] ImageView.ScaleType设置图解 【转载】
- Android_ImageView.ScaleType设置图解
- [Android] ImageView.ScaleType设置图解
- [Android] ImageView.ScaleType设置图解
- ImageView的属性android:scaleType设置最佳比例图片显示
- ImageView的属性android:scaleType,即ImageView.setScaleType(ImageView.ScaleType)
- [Android] ImageView.ScaleType设置图解
- [Android] ImageView.ScaleType设置图解
- ImageView.ScaleType
- Android ImageView.ScaleType的几种类别
- ImageView.ScaleType设置图解
- ImageView的属性android:scaleType,即ImageView.setScaleType(ImageView.ScaleType)
- [Android] ImageView.ScaleType设置图解
- ImageView.ScaleType设置图解
- ImageView.ScaleType
- ImageView的属性android:scaleType,即ImageView.setScaleType(ImageView.ScaleType)
- ImageView.ScaleType属性
- ImageView的属性android:scaleType,即ImageView.setScaleType(ImageView.ScaleType)
- ImageView scaleType