标题《Android ImageView 的scaleType属性》
一、 说明
本文主要讲述Aandroid ImageView的scaleType属性(8种)
二、 准备工作
一张图片,Android Studio开发工具
三、 具体内容
1. 第一种scaleType属性fitCenter:
图片最终会完整显示;将原图片保持比例进行缩小或放大,直到图片完整显示,多出的部分向两边平分,ImageView不进行设置scaleType属性时默认为该属性
2. 第二种scaleType属性matrix:
(1) 当原图片的宽高大于所要显示的图片的宽高,不改变原图片的大小,根据所设置的图片显示的宽高,从原图片左上角开始绘制新图片,舍弃超出原图片的其它部分
(2) 当原图片的宽高小于所要显示的图片的宽高,不改变原图片的大小,根据所设置的图片显示的宽高,从原图片左上角开始绘制新图片
3. 第三种scaleType属性center:
(1) 图片最终会残缺显示;当原图片的宽高大于所要显示的图片的宽高,不改变原图片的大小,根据所设置的图片显示的大小,从原图片中心往四边绘制新图片,舍弃超出原图片的其它部分
(2) 当原图片的宽高小于所要显示的图片的宽高,居中显示原图片
4. 第四种scaleType属性centerCrrop:
(1) 图片最终会残缺显示;当原图片的宽高大于所要显示的图片的宽高,保持宽高的比例,以原图片的中心和要显示的图片的大小的中心为基准,按比例缩小原图片直到图片的宽高有一边等于要显示的图片的宽高,另一边超出部分先居中,后舍弃超出部分
(2) 图片最终会残缺显示;当原图片的宽高小于所要显示的图片的宽高,保持宽高的比例,以原图片的中心和要显示的图片的大小的中心为基准,按比例放大原图片,直到图片的宽高有一边等于要显示的图片的宽高,另一边超出部分先居中,后舍弃超出部分
5. 第五种scaleType属性centerInside:
(1) 图片最终会完整显示;当原图片的宽高大于所要显示的图片的宽高,以原图片的中心和要显示的图片的大小的中心为基准,以原图片的较长的一边按比例缩小,将图片完整的居中显示
(2) 当原图片的宽高小于所要显示的图片的宽高,居中显示原图片
6. 第六种scaleType属性fitXY:
宽高不保持比例,将原图片进行拉伸或压缩,直到宽和高都填满要显示的图片大小
7. 第七种scaleType属性fitStart:
图片最终会完整显示;将原图片保持比例进行缩小或放大,直到图片完整显示,多出的部分全部靠一边显示
8. 第八种scaleType属性fitEnd:
图片最终会完整显示;将原图片保持比例进行缩小或放大,直到图片完整显示,多出的部分全部靠另一边显示
四、 代码
<?xml version="1.0" encoding="utf-8"?>
<TableLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<ImageView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:src="@drawable/AndroidImageView01" >
</ImageView>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="原图"
android:textSize="22dp"
android:gravity="center">
</TextView>
</LinearLayout>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical">
<ImageView
android:layout_width="200dp"
android:layout_height="200dp"
android:src="@drawable/AndroidImageView01"
android:scaleType="fitEnd">
</ImageView>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="fitEnd效果"
android:textSize="22dp"
android:gravity="center">
</TextView>
</LinearLayout>
</LinearLayout>
五、 效果之一展示
其它效果改变代码中的scaleType对应的属性即可