Android中ImageView控件的ScaleType属性使用详解

33次阅读

共计 1913 个字符,预计需要花费 5 分钟才能阅读完成。

在我们平时的开发过程中,可以说图片展示是每个 App 必备的,所以我们会用到 ImageView 图片控件,对于每个 Android 开发者来说,这已经非常熟悉了,那有童鞋就会问了:这还有什么好讲的呢?事实确实是这样吗?

那我问问你,你确定对 ImageView 控件的每个属性都了如指掌了吗?,记得之前面试的时候,很多面试官很喜欢问 ScaleType 属性的使用,这就考察你是否真的理解了。之前我也并没有在意这个属性的使用,以为只会在面试的时候才需要用到,事实是我错了,在最近的开发过程中,使用了大量的图片展示商品的图片,而且不同的模块,图片的展示还需要不一样,那么这个时候 ScaleType 属性就发挥作用了,可是这个时候突然发现自己的理解也有点模糊,所以还是有必要重新理解一下这个属性的用法的,下面我们来看看详解吧。

当我们设置 ImageView 的 ScaleType 属性时,开发工具中会弹出以下的选项让你选择:

首先我们设置 ImageView 控件填充整个屏幕:

<ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#00c6a6"/>

这个是还没有设置 ScaleType 属性的效果图:

再来看看我们需要加载的图片的原图,准备了两张不同尺寸的原图:
大图:
小图:

那我们来看看每个选项的效果:

1.android:scaleType=“center”
(1). 当原图的 size 小于 ImageView 的 size 时,保持原图的大小,显示在 ImageView 的中心。

(2). 当原图的 size 大于 ImageView 的 size 时,多出来的部分被截掉。

2.android:scaleType=“center_inside”
以原图正常显示为目的
(1). 当原图的 size 小于 ImageView 的 size 时,不做处理居中显示图片.

(2). 当原图的 size 大于 ImageView 的 size 时, 就按照比例缩小原图的宽高,居中显示在 ImageView 中.

3.android:scaleType=“center_crop”
以原图填满 ImageView 为目的
(1). 当原图的 size 小于 ImageView 的 size 时,则按比例拉升原图的宽和高,填充 ImageView 居中显示。

(2). 如果原图 size 大于 ImageView 的 size,则与 center_inside 一样,按比例缩小,居中显示在 ImageView 上。

4.android:scaleType=“matrix”
不改变原图的大小,从 ImageView 的左上角开始绘制,超出部分做剪切处理。
(1). 当原图的 size 小于 ImageView 的 size 时

(2). 当原图的 size 大于 ImageView 的 size 时

5.androd:scaleType=“fit_xy”
把图片按照指定的大小在 ImageView 中显示,拉伸显示图片,不保持原比例,填满 ImageView.
(1). 当原图的 size 小于 ImageView 的 size 时, 清晰度看起来比较模糊。

(2). 当原图的 size 大于 ImageView 的 size 时,清晰度看起来比较清晰。

6.android:scaleType=“fit_start”
把原图按照比例放大缩小到 ImageView 的高度,显示在 ImageView 的 start(前部 / 上部)。
(1). 当原图的 size 小于 ImageView 的 size 时, 清晰度看起来比较模糊。

(2). 当原图的 size 大于 ImageView 的 size 时,清晰度看起来比较清晰。

7.android:sacleType=“fit_center”
把原图按照比例放大缩小到 ImageView 的高度,显示在 ImageView 的 center(中部 / 居中显示)。
(1). 当原图的 size 小于 ImageView 的 size 时, 清晰度看起来比较模糊。

(2). 当原图的 size 大于 ImageView 的 size 时,清晰度看起来比较清晰。

8.android:scaleType=“fit_end”
把原图按照比例放大缩小到 ImageView 的高度,显示在 ImageVIew 的 end(后部 / 尾部 / 底部)
(1). 当原图的 size 小于 ImageView 的 size 时, 清晰度看起来比较模糊。

(2). 当原图的 size 大于 ImageView 的 size 时,清晰度看起来比较清晰。

到这里就全部解析完了。


以下是个人公众号(longxuanzhigu),之后发布的文章会同步到该公众号,方便交流学习 Android 知识及分享个人爱好的文章,有问题可以留言哦:

正文完
 0