ImageView有一个ScaleType的属性,该属性决定了图片在ImageView上的展现形式,包括:是否进行缩放、如何进行缩放、缩放之后图片的摆放位置等等。官方介绍如下:

Options for scaling the bounds of an image to the bounds of this view.

译:缩放图片边界到视图边界的选项。

ScaleType的设置方式包括:

1. 在layout的xml中定义android:scaleType="xxx";

2. 在java代码中调用imageView.setScaleType(ImageView.ScaleType.XXX)。

ScaleType的取值包括:

MATRIX、FIT_XY、FIT_START、FIT_CENTER、FIT_END、CENTER、CENTER_CROP、CENTER_INSIDE

接下来,将对ScaleType的取值和对应的显示效果用最直观的方式——真图演示,来进行解析说明。

big_car——1920px * 1280px

small_car——499px * 299px

1. MATRIX

运用图片进行绘制时的矩阵进行缩放,该矩阵可以通过imageView.setImageMatrix(matrix)进行设置。默认情况下展现形式为:不进行任何缩放,从ImageView的左上角开始摆放,原图超过ImageView的部分作裁剪处理。

代码如下:

android:layout_width="match_parent"

android:layout_height="match_parent">

android:layout_width="1000px"

android:layout_height="500px"

android:layout_centerHorizontal="true"

android:layout_marginTop="20dp"

android:background="#B3E5FC"

android:scaleType="matrix"

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

android:layout_width="1000px"

android:layout_height="500px"

android:layout_alignParentBottom="true"

android:layout_centerHorizontal="true"

android:layout_marginBottom="20dp"

android:background="#B3E5FC"

android:scaleType="matrix"

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

显示效果如下:

matrix

2. FIT_XY

图片的长和宽(X和Y)独立缩放,不保留原本的长宽比,最终完全填充ImageView。

代码如下:

android:layout_width="match_parent"

android:layout_height="match_parent">

android:layout_width="1000px"

android:layout_height="500px"

android:layout_centerHorizontal="true"

android:layout_marginTop="20dp"

android:background="#B3E5FC"

android:scaleType="fitXY"

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

android:layout_width="1000px"

android:layout_height="500px"

android:layout_alignParentBottom="true"

android:layout_centerHorizontal="true"

android:layout_marginBottom="20dp"

android:background="#B3E5FC"

android:scaleType="fitXY"

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

显示效果如下:

fitXY

3.FIT_START

保留图片原本的长宽比,对图片的长和宽(X和Y)进行等比例缩放,直到图片至少一边与ImageView重合,并且图片完全显示在ImageView里面,最终将图片左上角与ImageView对齐进行摆放。

代码如下:

android:layout_width="match_parent"

android:layout_height="match_parent">

android:layout_width="1000px"

android:layout_height="500px"

android:layout_centerHorizontal="true"

android:layout_marginTop="20dp"

android:background="#B3E5FC"

android:scaleType="fitStart"

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

android:layout_width="1000px"

android:layout_height="500px"

android:layout_alignParentBottom="true"

android:layout_centerHorizontal="true"

android:layout_marginBottom="20dp"

android:background="#B3E5FC"

android:scaleType="fitStart"

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

显示效果如下:

fitStart

4.FIT_CENTER

保留图片原本的长宽比,对图片的长和宽(X和Y)进行等比例缩放,直到图片至少一边与ImageView重合,并且图片完全显示在ImageView里面,最终将图片在ImageView中居中展示。

代码如下:

android:layout_width="match_parent"

android:layout_height="match_parent">

android:layout_width="1000px"

android:layout_height="500px"

android:layout_centerHorizontal="true"

android:layout_marginTop="20dp"

android:background="#B3E5FC"

android:scaleType="fitCenter"

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

android:layout_width="1000px"

android:layout_height="500px"

android:layout_alignParentBottom="true"

android:layout_centerHorizontal="true"

android:layout_marginBottom="20dp"

android:background="#B3E5FC"

android:scaleType="fitCenter"

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

显示效果如下:

fitCenter

5.FIT_END

保留图片原本的长宽比,对图片的长和宽(X和Y)进行等比例缩放,直到图片至少一边与ImageView重合,并且图片完全显示在ImageView里面,最终将图片右下角与ImageView对齐进行摆放。

代码如下:

android:layout_width="match_parent"

android:layout_height="match_parent">

android:layout_width="1000px"

android:layout_height="500px"

android:layout_centerHorizontal="true"

android:layout_marginTop="20dp"

android:background="#B3E5FC"

android:scaleType="fitEnd"

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

android:layout_width="1000px"

android:layout_height="500px"

android:layout_alignParentBottom="true"

android:layout_centerHorizontal="true"

android:layout_marginBottom="20dp"

android:background="#B3E5FC"

android:scaleType="fitEnd"

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

显示效果如下:

fitEnd

6.CENTER

对图片不进行任何缩放,将图片居中显示在ImageView上,原图超过ImageView的部分作裁剪处理。

代码如下:

android:layout_width="match_parent"

android:layout_height="match_parent">

android:layout_width="1000px"

android:layout_height="500px"

android:layout_centerHorizontal="true"

android:layout_marginTop="20dp"

android:background="#B3E5FC"

android:scaleType="center"

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

android:layout_width="1000px"

android:layout_height="500px"

android:layout_alignParentBottom="true"

android:layout_centerHorizontal="true"

android:layout_marginBottom="20dp"

android:background="#B3E5FC"

android:scaleType="center"

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

显示效果如下:

center

7.CENTER_CROP

保留图片原本的长宽比,对图片的长和宽(X和Y)进行等比例缩放,直到图片与ImageView完全重合或者图片一边与ImageView重合、另一边大于ImageView,最终将图片在ImageView中居中展示。

代码如下:

android:layout_width="match_parent"

android:layout_height="match_parent">

android:layout_width="1000px"

android:layout_height="500px"

android:layout_centerHorizontal="true"

android:layout_marginTop="20dp"

android:background="#B3E5FC"

android:scaleType="centerCrop"

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

android:layout_width="1000px"

android:layout_height="500px"

android:layout_alignParentBottom="true"

android:layout_centerHorizontal="true"

android:layout_marginBottom="20dp"

android:background="#B3E5FC"

android:scaleType="centerCrop"

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

显示效果如下:

centerCrop

8.CENTER_INSIDE

保留图片原本的长宽比,如果图片长和宽(X和Y)均小于ImageView的长和宽,则不进行放大,直接将图片在ImageView中居中展示;否则对图片的长和宽(X和Y)进行等比例缩小,直到图片至少一边与ImageView重合,并且图片完全显示在ImageView里面,最终将图片在ImageView中居中展示。

代码如下:

android:layout_width="match_parent"

android:layout_height="match_parent">

android:layout_width="1000px"

android:layout_height="500px"

android:layout_centerHorizontal="true"

android:layout_marginTop="20dp"

android:background="#B3E5FC"

android:scaleType="centerInside"

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

android:layout_width="1000px"

android:layout_height="500px"

android:layout_alignParentBottom="true"

android:layout_centerHorizontal="true"

android:layout_marginBottom="20dp"

android:background="#B3E5FC"

android:scaleType="centerInside"

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

显示效果如下:

centerInside

总结:

1.ScaleType可以分为三类:MATRIX(矩阵)、FIT_X类和CENTER_X类;

2.FIX_X类的共同特性是:图片至少有一边与ImageView重合,并且图片完全显示在ImageView里面;

3.FIT_CENTER与CENTER_INSIDE的区别:如果图片的长和宽均小于ImageView的长和宽,FIT_CENTER会进行等比例放大,而CENTER_INSIDE不会进行放大。

android matrix 简书,[Android] ImageView ScaleType完全解析相关推荐

  1. android matrix 简书,android matrix

    (1) 构造函数 public Matrix() public Matrix(Matrix src) 构造函数有两个,第一个是直接创建一个单位矩阵,第二个是根据提供的矩阵创建一个新的矩阵(采用deep ...

  2. android 购物车 简书,Android仿饿了么购物车效果

    先看下效果图: ezgif-1-8f133ca916.gif 1.首先列表布局采用Recycleview android:id="@+id/container" android:l ...

  3. android spinner 简书,Android NiceSpinner

    NiceSpinner 是 Android 端的一款第三方控件,自带箭头动画效果 真的是简单又好用哦!有需要的小伙伴们可以试试啦. 效果图如下: image 1. 导入模块 在 Github 下载并导 ...

  4. Android入门简书,android ndk开发入门随笔(一)

    ndk,jni入门随笔 因为工作缘故最近在研究jni,ndk方面知识,在此总结入坑以来的一些问题. 配置环境可以在下面geogle官方看.下面是链接 我一说ndk,jni可能小伙伴要问了这是什么,在此 ...

  5. android opengl 简书,Android OpenGL入门

    如今VR这么火,感觉有必要先把OpenGL学好,为以后转VR奠定一些基础.一年前,接触过Android的OpenGL,当时是实现了在Android上显示标准的3D文件(STL格式).现在打算整理一下O ...

  6. android room 简书,Android Room 的坑

    在添加依赖时,官网给出的是: def room_version = "2.0.0-beta01" implementation "androidx.room:room-r ...

  7. android 音乐 简书,Android音频开发(7):音乐可视化-FFT频谱图

    Android 音频开发 目录 一.演示 image 二.实现 实现流程: 使用MediaPlayer播放传入的音乐,并拿到mediaPlayerId 使用Visualizer类拿到拿到MediaPl ...

  8. android 心跳 简书,Android Socket保持心跳长连接,断线重连

    昨天三点钟才睡觉的,现在胸口感觉闷闷的,兄弟们,我是不是要GG了?如果我G了,求大佬们给我烧个女朋友, ss.gif 1.在使用Socket连接客户端和服务器端的时候,如果服务端断开了连接,我们客户端 ...

  9. android zxing简书,Android集成zxing 版本3.4.1

    第一步:去官网下载最新jar 或者 'implementation 'com.google.zxing:core:3.4.1''引入项目. 如下图: yhx.png 如何查看最新版本: yhx.png ...

最新文章

  1. golang中数组和slice作为参数的区别
  2. 读QT5.7源码(三)Q_OBJECT 和QMetaObject
  3. 【C language】函数指针
  4. Java的clone()用法实例解析
  5. boost::hana::adjust_if用法的测试程序
  6. 如何判断某ABAP系统的Netweaver后台是否支持AMDP
  7. 英特尔核显自定义分辨率_华为推出两款MateBook D系列笔记本:搭载英特尔11代酷睿...
  8. 数学建模python教材推荐_数模竞赛专攻python应该准备什么?
  9. 【实践驱动开发3-002】TI WL1835MODCOM8 在android的移植 - 软件获取
  10. 具有审计表的实体框架
  11. dart基础之异步编程
  12. matlab2c使用c++实现matlab函数系列教程-cosh函数
  13. 解密中国网络游戏业的黑暗骑士:响尾马(下)
  14. 网易MuMu模拟器安装及配置
  15. matlab中断概率仿真,使用Matlab进行误比特率仿真
  16. java endian_java – 将小Endian文件转换成大Endian
  17. python字符串乘以2是什么意思_什么是字符串?(2)转义字符与运算符
  18. CF1108D Diverse Garland
  19. QQ防诈骗记录查询-网络交易信誉分查询认证源码
  20. NVivo更改背景字体

热门文章

  1. 测出你的姓氏--算命先生的“算法”分析
  2. [ 应急响应 ]服务器(电脑)受到攻击该如何处理?(一)
  3. fedora安装fcitx输入法
  4. go get -d , go get -u , go get -fix 安装命令的定义与使用
  5. 在阿里云IIS服务器上安装证书
  6. android开发 给app设置应用白名单 即省电策略设置为无限制(小米,华为亲测有效)
  7. 计算机学院毕业语录,计算机专业老师给毕业生的赠言
  8. 是时候了解下Travis CI是什么了
  9. 手机语音通信时代,国内四大安卓语音通信软件分享
  10. MacOS苹果电脑各种常见音频问题集锦