Android ImageView使用详解（系列教程三）

喜欢ヅ旅行 2024-04-01 13:37 100阅读 0赞

**目录**

一、ImageView简介

二、ImageView基本使用

三、ImageView常用属性

四、几种图片的加载方法

五、ImageView的缩放类型

--------------------

#### 一、ImageView简介 ####

ImageView是Android开发中最常用的组件之一，主要用于显示图片，但是它不只是能显示图片，任何Drawable对象都可以使用它来显示。

#### 二、ImageView基本使用 ####

下面实现在布局文件中添加一个ImageView，用来展示图片，仅仅设置了ImageView的宽高、背景色、图片的src等基本属性。实现效果如下图所示。

此处设置背景色是由于有时候图片并不能完整的填充整个ImageView，添加背景色方便查看显示效果。

![99d62978cb604faeb791cc1ddd688db2.png][]

#### 三、ImageView常用属性 ####

*  android:maxWidth：ImageView的最大宽度。
 *  android:maxHeight：ImageView的最大高度。
 *  android:adjustViewBounds：用于调整ImageView的边界，使得ImageView和图片有一样的长宽比例，通常配合maxWidth、maxHeight一起使用。
 *  app:srcCompat：设置要显示的Drawable对象的引用。
 *  android:scaleType：设置图片的缩放类型，后面详细介绍。

#### 四、几种图片的加载方法 ####

ImageView加载图片的方式有如下几种：

*  在布局文件中设置属性app:srcCompat加载本地图片。
 *  setImageResource(int resId)：加载drawable文件夹中的资源文件。
 *  setImageURI(Uri)：加载手机中的图片文件。
 *  setImageBitmap(Bitmap)：加载Bitmap。
 *  setImageDrawable(Drawable)：加载 Drawable。

#### 五、ImageView的缩放类型 ####

ImageView的android:scaleType属性用于设置图片的缩放类型，共有如下8种缩放类型。

*  android:scaleType="centerInside"：图片按比例缩小或保持原来尺寸，显示在ImageView中央。

![f08d9f11e9a346b0a8640ba61a61d8d9.png][]

*  android:scaleType="fitStart"：图片按比例放大或缩小到ImageView的宽度或高度，显示在ImageView的左上角，图片会完整显示。

![376380319db7441f9fff77c68ae0f602.png][]

*  android:scaleType="fitEnd"：图片按比例放大或缩小到ImageView的宽度或高度，显示在ImageView的右下角，图片会完整显示。

![c09e81d9d7984c6bb4c81b7a27badb84.png][]

*  android:scaleType="center"：按照图片的原始大小显示在ImageView的中央，若图片尺寸大于ImageView宽高，则只显示部分，图片不会进行缩放。

![5cae9739046c4f838f759841fa5df19e.png][]

*  android:scaleType="matrix"：经过matrix变换的图片显示在ImageView的左上角，若缩放后的图片尺寸大于ImageView宽高，则只显示部分。该模式需要与ImageView.setImageMatrix(Matrix matrix)配合使用，因为该模式需要用于指定一个变换矩阵用于指定图片如何展示，其实其他的7种模式都是通过ImageView在内部生成了相应的变换矩阵。

设置matrix示例如下：

imageView.setScaleType(ImageView.ScaleType.MATRIX);  //设置为矩阵模式
    
    Matrix matrix = new Matrix();           //创建一个单位矩阵
    matrix.setTranslate(100, 100);          //平移x和y各100单位
    matrix.preRotate(30);                   //顺时针旋转30度
    matrix.setScale(0.5, 0.5); //设置缩放比例
    imageView.setImageMatrix(matrix);       //设置并应用矩阵

![742a28fb5c8040258d77189c94c66c07.png][]

*  android:scaleType="fitXY"：将图片拉伸至填充整个ImageView，不按比例缩放。

![d35ceb15c7e64e91a997bc06c4ed4d3f.png][]

*  android:scaleType="fitCenter"：默认使用这种模式。按比例放大或缩小图片至ImageView的宽高，然后居中显示。

![0566b734a4404405a7abebf047e59ac1.png][]

*  android:scaleType="centerCrop"：图片等比例缩放至完全填充整个ImageView，居中显示，并将放大后的多余部分裁剪掉。

![554f99fba5304fe89f661e1971fcc720.png][]

原创不易，点个赞再走呗。。。

![c01e968fa92e47c8a2dbed108ebe3c6d.jpeg][]

[99d62978cb604faeb791cc1ddd688db2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/ddaf40a8ac6e4a42adaeafbe86f9f268.png
[f08d9f11e9a346b0a8640ba61a61d8d9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/d1066731fe214a3f9ea4928d6304cd19.png
[376380319db7441f9fff77c68ae0f602.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/c46fd510043c49c29e0be638136c268a.png
[c09e81d9d7984c6bb4c81b7a27badb84.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/7480aeea53f748e1aa8bbf4f8b52d980.png
[5cae9739046c4f838f759841fa5df19e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/82743ed7605b42fcbfea49ae5ee20d42.png
[742a28fb5c8040258d77189c94c66c07.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/57e3a6c31431414a98edff199208b9a7.png
[d35ceb15c7e64e91a997bc06c4ed4d3f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/6eed1d6d3ebe4920ba95624d05cd45d5.png
[0566b734a4404405a7abebf047e59ac1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/bf47df4aac90493fa80b8da998c1b88c.png
[554f99fba5304fe89f661e1971fcc720.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/41c5a5ebee8c4ff6a5135cf8fc51e09c.png
[c01e968fa92e47c8a2dbed108ebe3c6d.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/ada623a9f2c94809adb0f8c4a2ecd723.jpeg