ImageView的scaleType属性

最新推荐文章于 2021-05-30 21:05:03 发布
最新推荐文章于 2021-05-30 21:05:03 发布
阅读量241 收藏
点赞数
分类专栏： Android

我们知道，ImageView有一个属性叫做scaleType，它的取值一共有八种，分别是：matrix，fitXY，fitStart，fitCenter，fitEnd，center，centerCrop，centerInside。那我们下面一起来看看这八种取值分别代表什么意思。

我用两张图片来做demo，这两张图片的分辨率一大一小，图片分别叫做big和small。原图如下：

big:

small:

OK，准备工作已经完成。

matrix

matrix表示原图从ImageView的左上角开始绘制，如果原图大于ImageView，那么多余的部分则剪裁掉，如果原图小于ImageView，那么对原图不做任何处理。比如我的两张大小不同的图片，分别显示在96dp×96dp的ImageView上，会有不同的效果，代码如下：

 

 
<ImageView

android:layout_width="96dp"

android:layout_height="96dp"

android:adjustViewBounds="false"

android:background="#ffaa77"

android:scaleType="matrix"

android:src="@drawable/big" />


<ImageView

android:layout_width="96dp"

android:layout_height="96dp"

android:adjustViewBounds="false"

android:background="#aa99cc"

android:scaleType="matrix"

android:src="@drawable/small" />


显示效果如下：

我们看到，big图片由于比较大，因此只有左上角显示出来了，其他部分则被剪裁掉了，而small图片由于分辨率比较小，因此完整的显示在ImageView的左上角。

fitXY

fitXY的目标是填充整个ImageView，为了完成这个目标，它需要对图片进行一些缩放操作，在缩放的过程中，它不会按照原图的比例来缩放。比如下面一个栗子：

 

 
<ImageView

android:layout_width="96dp"

android:layout_height="96dp"

android:background="#ffaa77"

android:scaleType="fitXY"

android:src="@drawable/big" />


<ImageView

android:layout_width="96dp"

android:layout_height="128dp"

android:background="#aa99cc"

android:scaleType="fitXY"

android:src="@drawable/small" />


显示效果如下：

两张图片都被显示出来了，但是都有一定程度的变形，因为在这里系统只考虑将ImageView填充满，而不会按照原图比例去缩放。

fitStart

将图片按比例缩放至View的宽度或者高度（取宽和高的最小值），然后居上或者居左显示（与前面缩放至宽还是高有关），我们来看下面一个例子：

 

 

 

<ImageView

android:layout_width="48dp"

android:layout_height="256dp"

android:background="#ffaa77"

android:scaleType="fitStart"

android:src="@drawable/big" />


<ImageView

android:layout_width="256dp"

android:layout_height="36dp"

android:background="#aa99cc"

android:scaleType="fitStart"

android:src="@drawable/small" />

显示效果：

big图片是缩放至ImageView的宽度，然后居上显示，small图片是缩放至ImageView的高度，然后居左显示。

fitCenter

fitCenter和fitStart基本一样，唯一不同的是fitCenter将图片按比例缩放之后是居中显示，看下面一个例子：

 

 
<ImageView

android:layout_width="48dp"

android:layout_height="256dp"

android:background="#ffaa77"

android:scaleType="fitCenter"

android:src="@drawable/big" />


<ImageView

android:layout_width="256dp"

android:layout_height="48dp"

android:background="#aa99cc"

android:scaleType="fitCenter"

android:src="@drawable/small" />


显示效果如下：

 

fitEnd

fitEnd和fitStart也基本一样，唯一不同的是fitEnd将图片按比例缩放之后是居右或者居下显示，比如下面一个Demo：

 

 
<ImageView

android:layout_width="48dp"

android:layout_height="256dp"

android:background="#ffaa77"

android:scaleType="fitEnd"

android:src="@drawable/big" />


<ImageView

android:layout_width="256dp"

android:layout_height="48dp"

android:background="#aa99cc"

android:scaleType="fitEnd"

android:src="@drawable/small" />


center

center表示将原图按照原来的大小居中显示，如果原图的大小超过了ImageView的大小，那么剪裁掉多余部分，只显示中间一部分图像，比如下面一个Demo：

 

 
<ImageView

android:layout_width="48dp"

android:layout_height="256dp"

android:background="#ffaa77"

android:scaleType="center"

android:src="@drawable/big" />


<ImageView

android:layout_width="256dp"

android:layout_height="24dp"

android:background="#aa99cc"

android:scaleType="center"

android:src="@drawable/small" />

显示效果如下：

centerCrop

centerCrop的目标是将ImageView填充满，故按比例缩放原图，使得可以将ImageView填充满，同时将多余的宽或者高剪裁掉,比如下面一个Demo :

 

 
<ImageView

android:layout_width="48dp"

android:layout_height="256dp"

android:background="#ffaa77"

android:scaleType="centerCrop"

android:src="@drawable/big" />


<ImageView

android:layout_width="256dp"

android:layout_height="48dp"

android:background="#aa99cc"

android:scaleType="centerCrop"

android:src="@drawable/small" />

显示效果如下：

centerInsid

centerInside的目标是将原图完整的显示出来，故按比例缩放原图，使得ImageView可以将原图完整显示，比如下面一个Demo：

 

 
<ImageView

android:layout_width="48dp"

android:layout_height="256dp"

android:background="#ffaa77"

android:scaleType="centerInside"

android:src="@drawable/big" />


<ImageView

android:layout_width="256dp"

android:layout_height="48dp"

android:background="#aa99cc"

android:scaleType="centerInside"

android:src="@drawable/small" />


显示效果如下：

 

OK，关于scaleType属性我们就说这么多，一般情况下，当我们给ImageView的宽高都为固定值的时候我们才有可能用到这些属性。

 

Demo下载

 

转载自：https://blog.csdn.net/u012702547/article/details/50586946

callmexiaolu
关注
专栏目录
ImageView的scaleType属性解析
无名的博客
08-18 1024
ImageView的scaleType的属性分别是matrix（默认）、center、centerCrop、centerInside、fitCenter、fitEnd、fitStart、fitXY android:scaleType="center" 保持原图的大小，显示在ImageView的中心。当原图的size大于ImageView的size，超过部分裁剪处理。 android:sc
android学习笔记之ImageView的scaleType属性
weixin_30539625的博客
01-26 764
我们知道，ImageView有一个属性叫做scaleType，它的取值一共有八种，分别是：matrix，fitXY，fitStart，fitCenter，fitEnd，center，centerCrop，centerInside。那我们下面一起来看看这八种取值分别代表什么意思。我用两张图片来做demo，这两张图片的分辨率一大一小，图片分别叫做big和small。原图如下：big:small:O...
android:scaletype="fitxy",Android ImageView的ScaleType属性
weixin_39963853的博客
05-27 554
参考1、Android--UI之ImageView2、ImageView的scaleType详解ScaleType属性常量含义fitXY横向、纵向独立缩放，以适应该ImageViewfitCenter保持纵横比缩放图片，缩放完成后将图片放在ImageView的中央fitStart保持纵横比缩放图片，并且将图片放在ImageView的左上角fitEnd保持纵横比缩放图片，缩放完成后将图片放在Imag...
android ImageView最常用两scaleType centerCrop和fitXY
热门推荐
专注移动开发
09-05 2万+
android:scaleType="centerCrop" 以填满整个ImageView为目的，将原图的中心对准ImageView的中心，等比例放大原图，直到填满ImageView为止（指的是ImageView的宽和高都要填满），原图超过ImageView的部分作裁剪处理。 android:scaleType="fitXY" 把原图按照指定的大小在View中显示，拉伸显
android matrix 简书,[Android] ImageView ScaleType完全解析
weixin_34648437的博客
05-30 438
ImageView有一个ScaleType的属性，该属性决定了图片在ImageView上的展现形式，包括：是否进行缩放、如何进行缩放、缩放之后图片的摆放位置等等。官方介绍如下：Options for scaling the bounds of an image to the bounds of this view.译：缩放图片边界到视图边界的选项。ScaleType的设置方式包括：1. 在layo...
深入探讨Android ImageView ScaleType属性的源码解析
"深入理解Android ImageView的ScaleType属性及其源码解析" 在Android开发中，ImageView是用于显示图像的常见组件，而ScaleType属性是决定图片在ImageView中如何缩放和定位的关键属性。本文将深入探讨这个属性，并...
探究Android ImageView ScaleType属性的深度解析
深入理解ImageView的ScaleType属性是提升Android开发技能的关键环节，因为它影响用户体验和视觉呈现。通过学习和实践不同ScaleType选项，开发者能够根据项目需求调整图片显示，确保设计的一致性和美观性。同时，结合...
实例解析Android ImageView的scaleType属性
01-20
在处理图像显示时，一个至关重要的属性便是`scaleType`，这个属性决定了图片如何适应ImageView的大小，从而影响到图片的显示效果。 `scaleType`属性提供了多种方式来调整图片在ImageView中的布局，以下是一些主要的...
Android开发中ImageView的scaletype属性用法分析
01-05
本文实例讲述了Android开发中ImageView的scaletype属性用法。分享给大家供大家参考，具体如下： ImageView的属性android:scaleType，即 ImageView.setScaleType(ImageView.ScaleType)。android:scaleType是控制图片...
ImageView的scaleType属性练习
01-26
它具有丰富的功能，其中之一就是通过`scaleType`属性来控制图片的缩放方式。这个属性决定了图片如何适应ImageView的大小，对于UI设计和用户体验有着重要的影响。本文将深入探讨`scaleType`属性的各个选项及其效果。 ...
android scaleType用法介绍
11-14
android scaleType用法介绍
Android代码-ScalableImageView拥有更多的scaletype类型
08-08
Android-ScalableImageView If you want to the same scale feature for video. Check out ScalableVideoVIew Android ImageView having extra scale types. Sample Release Note [Release Note] (https://github.com/yqritc/Android-ScalableImageView/releases) Gradle repositories { jcenter() } dependencies { compile 'com.yqritc:android-scalableimageview:1.0.0' } Support Scale Types ScaleType ImageView ScalableImageView fitXY ◯ ◯ fitStart ◯ ◯ fitCenter ◯ ◯ fitEnd ◯ ◯ leftTop X ◯ l
Android 中ImageView的ScaleType使用方法
01-04
Android 中ImageView的ScaleType使用方法 ImageView的ScaleType属性，表示的是ImageView中资源图片的填充方式。scaleType的属性值有好几种，分别是： matrix（默认） center centerCrop centerInside fitCenter fitEnd fitStart fitXY 这里要注意：matrix表示一种填充方式叫默认填充，如果布局和代码中不设置ScaleType属性，ImageView默认是fitCenter！ 先上效果图 此处为了效果对比，ImageView统一设置120dp：1
安卓 ScaleType属性详解
u010885095的专栏
04-08 2724
1、ImageView.ScaleType.CENTER|android:scaleType="center" 以原图的几何中心点和ImagView的几何中心点为基准,按图片的原来size居中显示，不缩放， 当图片长/宽超过View的长/宽，则截取图片的居中部分显示ImageView的size.当图片小于View 的长宽时， 只显示图片的size,不剪裁 2、ImageView.Scal...
Android ImageView设置 android:scaleType="fitXY" 造成图片被拉伸
eternally__的博客
05-12 1900
一般我们在做启动页或者引导页的时候只显示一张图片，心想这还不是so easy！一个ImageView设置一张图片解决。 <ImageView android:layout_width="match_parent" android:layout_height="match_parent" android:src="@mipmap/screen1"/> 运行后发现图片并没有全屏。嘿嘿 那也难不倒我。 记得有一个fitXY可以将图片布满全屏啊.
ImageView中的ScaleType详解
CPPAlien的专栏
12-30 850
官方介绍下面举个例子对以上几点属性逐条说明准备准备一张400x300的图片，命名为：test_400x300，写一个简单的布局，观察右边preview预览图的变化。 从图中我们可以看到，此控件的长宽布局都用in单位，之所以长宽都用in单位，是为了框定一个不受屏幕分辨率的区域。这样一张400x300px的图片放到不同的drawable目录下后，在屏幕上就会占用不同的英寸大小，此时scaleTyp
android:scaleType属性
09-17 503
ImageView的Scaletype决定了图片在View上显示时的样子，如进行何种比例的缩放，及显示图片的整体还是部分，等等。 设置的方式包括： 1. 在layout xml中定义android:scaleType="CENTER" 2. 或在代码中调用imageView.setScaleType(ImageView.ScaleType.CENTER);
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值