Android ImageView的scaleType属性介绍

众所周知,当我们做网络请求的时候遇到的图片尺寸往往是不固定的,图片的分辨率也是各式各样的,但是往往我们的UI控件尺寸又是固定的,那么我们如何来更好的让图片去自适应我们的ImageView控件呢,让ScaleType这个API帮我们解决这个问题。

首先这是原图,分辨率很高,图片很大,另一张图我们选择系统自带的ic_launcher

我们将控件大小设定为宽高300dp的正方形,来看下没有任何属性附加时候的显示效果,灰色背景为ImageView的填充颜色。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:gravity="center"
  android:orientation="horizontal">
  <!--大图-->
  <ImageView
      android:layout_width="150dp"
      android:layout_height="300dp"
      android:background="@android:color/darker_gray"
      android:contentDescription="@string/app_name"
      android:src="@drawable/image_demo" />
  <!--系统自带的图标-->
  <ImageView
      android:layout_width="150dp"
      android:layout_height="300dp"
      android:layout_marginStart="20dp"
      android:background="@android:color/darker_gray"
      android:contentDescription="@string/app_name"
      android:src="@mipmap/ic_launcher" />
</LinearLayout>

未加任何属性的时候图片居中显示

下面我们看一下加入ScaleType属性时候的效果吧
1.首先android:scaleType="fitCenter"属性为默认属性,保持图片比例拉伸图片,所以和不加时候没有任何区别

2.android:scaleType="fitStart"属性为保持原图比例的同时,保持图片比例拉伸图片将图片展示为空白方向的上方或左侧

3.android:scaleType="fitEnd"属性为保持原图比例的同时,保持图片比例拉伸图片将图片展示为空白方向的下方或右侧

4. android:scaleType="matrix"为不改变原图大小从左上角开始展示图片,大图会将多出部分裁剪
   在大分辨率图片效果下效果很不理想,小图在左上角展示
   

5. android:scaleType="center"属性为不改变原图大小的同时将图片居中展示,大图会将多出部分裁剪

   同样在大分辨率图片效果下效果很不理想,小图居中展示
   

6. android:scaleType="centerInside"属性为保持原图大小的同时将图片居中展示

   大图下和默认情况下一样,小图则居中展示
   

7. android:scaleType=“fitXY” 属性很直观直接将图片拉伸到占满控件

   如果图片比例和控件尺寸相仿效果还不错,但是当尺寸比例相差甚远的时候效果就有点差强人意了
   

8.android:scaleType="centerCrop"属性为按比例拉伸后撑满控件后居中展示,裁剪掉多余部分,这种效果不错,但是遇到图片核心内容不是居中的就不太好了
大图和小图效果都还不错,这也是我平时用的比较多的属性