众所周知,当我们做网络请求的时候遇到的图片尺寸往往是不固定的,图片的分辨率也是各式各样的,但是往往我们的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"属性为保持原图比例的同时,保持图片比例拉伸图片将图片展示为空白方向的上方或左侧
android:scaleType="fitStart"
3.android:scaleType="fitEnd"属性为保持原图比例的同时,保持图片比例拉伸图片将图片展示为空白方向的下方或右侧
android:scaleType="fitEnd"
-
android:scaleType="matrix"为不改变原图大小从左上角开始展示图片,大图会将多出部分裁剪
android:scaleType="matrix"在大分辨率图片效果下效果很不理想,小图在左上角展示 -
android:scaleType="center"属性为不改变原图大小的同时将图片居中展示,大图会将多出部分裁剪
android:scaleType="center"同样在大分辨率图片效果下效果很不理想,小图居中展示 -
android:scaleType="centerInside"属性为保持原图大小的同时将图片居中展示
android:scaleType="centerInside"大图下和默认情况下一样,小图则居中展示 -
android:scaleType="fitXY" 属性很直观直接将图片拉伸到占满控件
android:scaleType="fitXY"如果图片比例和控件尺寸相仿效果还不错,但是当尺寸比例相差甚远的时候效果就有点差强人意了
8.android:scaleType="centerCrop"属性为按比例拉伸后撑满控件后居中展示,裁剪掉多余部分,这种效果不错,但是遇到图片核心内容不是居中的就不太好了
android:scaleType="centerCrop"大图和小图效果都还不错,这也是我平时用的比较多的属性
