Android ImageView 的scaleType属性

标题《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对应的属性即可