android matrix 简书,[Android] ImageView ScaleType完全解析
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完全解析相关推荐
- android matrix 简书,android matrix
(1) 构造函数 public Matrix() public Matrix(Matrix src) 构造函数有两个,第一个是直接创建一个单位矩阵,第二个是根据提供的矩阵创建一个新的矩阵(采用deep ...
- android 购物车 简书,Android仿饿了么购物车效果
先看下效果图: ezgif-1-8f133ca916.gif 1.首先列表布局采用Recycleview android:id="@+id/container" android:l ...
- android spinner 简书,Android NiceSpinner
NiceSpinner 是 Android 端的一款第三方控件,自带箭头动画效果 真的是简单又好用哦!有需要的小伙伴们可以试试啦. 效果图如下: image 1. 导入模块 在 Github 下载并导 ...
- Android入门简书,android ndk开发入门随笔(一)
ndk,jni入门随笔 因为工作缘故最近在研究jni,ndk方面知识,在此总结入坑以来的一些问题. 配置环境可以在下面geogle官方看.下面是链接 我一说ndk,jni可能小伙伴要问了这是什么,在此 ...
- android opengl 简书,Android OpenGL入门
如今VR这么火,感觉有必要先把OpenGL学好,为以后转VR奠定一些基础.一年前,接触过Android的OpenGL,当时是实现了在Android上显示标准的3D文件(STL格式).现在打算整理一下O ...
- android room 简书,Android Room 的坑
在添加依赖时,官网给出的是: def room_version = "2.0.0-beta01" implementation "androidx.room:room-r ...
- android 音乐 简书,Android音频开发(7):音乐可视化-FFT频谱图
Android 音频开发 目录 一.演示 image 二.实现 实现流程: 使用MediaPlayer播放传入的音乐,并拿到mediaPlayerId 使用Visualizer类拿到拿到MediaPl ...
- android 心跳 简书,Android Socket保持心跳长连接,断线重连
昨天三点钟才睡觉的,现在胸口感觉闷闷的,兄弟们,我是不是要GG了?如果我G了,求大佬们给我烧个女朋友, ss.gif 1.在使用Socket连接客户端和服务器端的时候,如果服务端断开了连接,我们客户端 ...
- android zxing简书,Android集成zxing 版本3.4.1
第一步:去官网下载最新jar 或者 'implementation 'com.google.zxing:core:3.4.1''引入项目. 如下图: yhx.png 如何查看最新版本: yhx.png ...
最新文章
- golang中数组和slice作为参数的区别
- 读QT5.7源码(三)Q_OBJECT 和QMetaObject
- 【C language】函数指针
- Java的clone()用法实例解析
- boost::hana::adjust_if用法的测试程序
- 如何判断某ABAP系统的Netweaver后台是否支持AMDP
- 英特尔核显自定义分辨率_华为推出两款MateBook D系列笔记本:搭载英特尔11代酷睿...
- 数学建模python教材推荐_数模竞赛专攻python应该准备什么?
- 【实践驱动开发3-002】TI WL1835MODCOM8 在android的移植 - 软件获取
- 具有审计表的实体框架
- dart基础之异步编程
- matlab2c使用c++实现matlab函数系列教程-cosh函数
- 解密中国网络游戏业的黑暗骑士:响尾马(下)
- 网易MuMu模拟器安装及配置
- matlab中断概率仿真,使用Matlab进行误比特率仿真
- java endian_java – 将小Endian文件转换成大Endian
- python字符串乘以2是什么意思_什么是字符串?(2)转义字符与运算符
- CF1108D Diverse Garland
- QQ防诈骗记录查询-网络交易信誉分查询认证源码
- NVivo更改背景字体
热门文章
- 测出你的姓氏--算命先生的“算法”分析
- [ 应急响应 ]服务器(电脑)受到攻击该如何处理?(一)
- fedora安装fcitx输入法
- go get -d , go get -u , go get -fix 安装命令的定义与使用
- 在阿里云IIS服务器上安装证书
- android开发 给app设置应用白名单 即省电策略设置为无限制(小米,华为亲测有效)
- 计算机学院毕业语录,计算机专业老师给毕业生的赠言
- 是时候了解下Travis CI是什么了
- 手机语音通信时代,国内四大安卓语音通信软件分享
- MacOS苹果电脑各种常见音频问题集锦