android imageview scaletype 按钮状态,Android ImageView 之 ScaleType 详解
基础储备
在 ImageView 中有一个成员变量mDrawMatrix,这个变量是Matrix(矩阵)类型,我们了解一下这个Matrix类,Matrix 常见的方法有setScale(sx,sy) ,setTranslate(float dx, float dy)等方法. 在设置了mDrawMatrix的一系列方法后, 当ImageView方法里的 onDraw(canvas)执行时候,canvas 会根据mDrawMatrix设置的值对图片资源(bitmap)的绘制进行相应的变换.
例如:
当mDrawMatrix.setTranslate(10,10)时,在执行 ImageView 的 onDraw(canvas)方法时候,canvas 在对图片(bitmap)进行绘制的时候, 会将图片资源在在 x,y 轴两个方向上分别偏移10px.
当mDrawMatrix.setScale(1.5f,1.5f)时,canvas 在对图片(bitmap)进行绘制的时候, 会将图片资源放大1.5f 倍
基础储备部分一定要理解,也是下面文章的核心部分
Tips
在我们实验的时候我们要考虑图片与 ImageView的以下几种关系:
图片的宽高大于 ImageView 的宽高
图片的宽高小于 ImageView 的宽高
图片的宽大于 ImageView 的宽,图片的高小于 ImageView 的高
图片的高大于 ImageView 的高,图片的宽小于 ImageView 的宽
不同的情况得到的结果也可能会不一样.
setScaleType()是什么?
在平常开发中我们加载得到图片有可能与 ImageView 的大小不一样(如果 ImageView 大小是固定的),图片在 ImageView中应该怎么显示?这就需要我们使用setScaleType(ScaleType scaleType)去设置,该方法主要用于调整图片大小来适应 ImageView 的大小,ScaleType 是 ImageView 的一个内部枚举类型,通过源码该枚举类有如下八个类型:
public enum ScaleType {
MATRIX (0),
FIT_XY (1),
FIT_START (2),
FIT_CENTER (3),
FIT_END (4),
CENTER (5),
CENTER_CROP (6),
CENTER_INSIDE (7);
ScaleType(int ni) {
nativeInt = ni;
}
final int nativeInt;
}
ImageView的默认的ScaleType 是什么?
在 ImageView 的构造方法中调用了initImageView()方法,在该方法中我们看到 ImageView 的 mScaleType 的默认值是 FIT_CENTER
private void initImageView() {
mMatrix = new Matrix();
mScaleType = ScaleType.FIT_CENTER;
........
}
setImageDrawable()执行过程
setScaleType()方法设置的ScaleType值不同, 可以得到图片在 ImageView 中不同的显示结果.当为 ImageView设置一个图片资源的时候使用setImageDrawable(drawable)
public void setImageDrawable(@Nullable Drawable drawable) {
......
updateDrawable(drawable);
......
//调用 onDraw()方法,重新绘制
invalidate();
}
setImageDrawable()方法调用了updateDrawable(drawable)方法,保存了 drawable 的宽和高.
private void updateDrawable(Drawable d) {
....
mDrawable = d;
if (d != null) {
......
//mDrawable 的宽度
mDrawableWidth = d.getIntrinsicWidth();
//mDrawable 的高度
mDrawableHeight = d.getIntrinsicHeight();
......
configureBounds();
} else {
mDrawableWidth = mDrawableHeight = -1;
}
}
接下来进入configureBounds()方法
private void configureBounds() {
......
//mDrawable 宽度
int dwidth = mDrawableWidth;
//mDrawable 高度
int dheight = mDrawableHeight;
//当前控件的宽度
int vwidth = getWidth() - mPaddingLeft - mPaddingRight;
//当前控件的高度
int vheight = getHeight() - mPaddingTop - mPaddingBottom;
boolean fits = (dwidth < 0 || vwidth == dwidth)&&(dheight < 0 || vheight == dheight);
if (dwidth <= 0 || dheight <= 0 || ScaleType.FIT_XY == mScaleType) {
/* If the drawable has no intrinsic size, or we're told to scaletofit, then we just fill our entire view. */
mDrawable.setBounds(0, 0, vwidth, vheight);
mDrawMatrix = null;
} else {
// We need to do the scaling ourself, so have the drawable
// use its native size.
//根据不同的类型对mDrawMatrix做不同的处理
mDrawable.setBounds(0, 0, dwidth, dheight);
if (ScaleType.MATRIX == mScaleType) {
......
} else if (fits) {
......
} else if (ScaleType.CENTER == mScaleType) {
......
}else if (ScaleType.CENTER_CROP == mScaleType) {
......
}else if (ScaleType.CENTER_INSIDE == mScaleType) {
......
}else{
......
}
}
在configureBounds()方法中我们看了一系列的对mScaleType值的判断,根据mScaleType值得不同对mDrawMatrix做一些处理.
setImageDrawable()方法中有这么一行代码invalidate();我们知道调用invalidate()方法会重新执行onDraw()方法.在前面我们已经说过,在 onDraw()方法里会根据mDrawMatrix对图片的绘制进行一系列的转换.
ScaleType.CENTER
else if (ScaleType.CENTER == mScaleType) {
// Center bitmap in view, no scaling.
mDrawMatrix = mMatrix;
mDrawMatrix.setTranslate(Math.round((vwidth - dwidth) * 0.5f), Math.round((vheight - dheight) * 0.5f));
}
根据mScaleType == ScaleType.CENTER部分的代码,我们可以知道canvas 在绘制图片的时候会对图(bitmap)片进行偏移
Untitled.png
结论:当为 ImageView 的 mScaleType == ScaleType.CENTER 时候,图片不放大也不缩小,图片在控件中居中显示,超出ImageView 部分不显示
ScaleType.CENTER_CROP
else if (ScaleType.CENTER_CROP == mScaleType) {
mDrawMatrix = mMatrix;
float scale;
float dx = 0, dy = 0;
if (dwidth/vwidth > dheight/vheight) {
scale = (float) vheight / (float) dheight;
dx = (vwidth - dwidth * scale) * 0.5f;
} else {
scale = (float) vwidth / (float) dwidth;
dy = (vheight - dheight * scale) * 0.5f;
}
mDrawMatrix.setScale(scale, scale);
mDrawMatrix.postTranslate(Math.round(dx), Math.round(dy));
}
从代码我们可以看到当绘制 bitmap 的时候,会对图片先进性缩放,缩放比例为 scale,再对图片进行偏移,偏移量为 dx,dy.
结论:图片的宽高一定会大于或者等于 ImageView 的宽高.居中显示,超出 ImageView 部分不显示. 图片的宽(高)至少有一个等于 ImageView 的宽(高)
CENTER_CROP.png
ScaleType.CENTER_INSIDE
else if (ScaleType.CENTER_INSIDE == mScaleType) {
mDrawMatrix = mMatrix;
float scale;
float dx;
float dy;
if (dwidth <= vwidth && dheight <= vheight) {
scale = 1.0f;
} else {
scale = Math.min((float) vwidth / (float) dwidth,(float) vheight / (float) dheight);
}
dx = Math.round((vwidth - dwidth * scale) * 0.5f);
dy = Math.round((vheight - dheight * scale) * 0.5f);
mDrawMatrix.setScale(scale, scale);
mDrawMatrix.postTranslate(dx, dy);
}
从代码上述代码中,根据mDrawMatrix 我们可以判断,当 ImageView 的onDraw(canvas)方法对图片(bitmap)进行绘制的时候,会对图片先进性缩放,在进行位移操作.if (dwidth <= vwidth && dheight <= vheight),当图片的宽高
结论: 当mScaleType的值为ScaleType.CENTER_INSIDE时,图片的宽高一定小于或者等于 ImageView 控件的宽高,图片居中显示.
ScaleType.MATRIX
if (ScaleType.MATRIX == mScaleType) {
// Use the specified matrix as-is.
if (mMatrix.isIdentity()) {
mDrawMatrix = null;
} else {
mDrawMatrix = mMatrix;
}
}
从mScaleType == ScaleType.MATRIX的代码中,将mMatrix赋值给了mDrawMatrix.可以通过调用 ImageView 的setImageMatrix(matrix)方法对mMatrix进行赋值.因此我们对 mMatrix做了什么操作,ImageView在 onDraw()方法在对图片进行绘制的时候就会对图片进行什么操作.
Other (一般值为ScaleType.FIT....)
else {
// Generate the required transform.
mTempSrc.set(0, 0, dwidth, dheight);
mTempDst.set(0, 0, vwidth, vheight);
mDrawMatrix = mMatrix;
mDrawMatrix.setRectToRect(mTempSrc, mTempDst, scaleTypeToScaleToFit(mScaleType));
}
当mScaleType是ScaleType.FIT.... 类型的时候,系统并没有直接显式mDrawMatrix进行操作,而是调用了setRectToRect(RectF src, RectF dst, ScaleToFit stf)方法
public boolean setRectToRect(RectF src, RectF dst, ScaleToFit stf) {
return native_setRectToRect(native_instance, src, dst, stf.nativeInt);
}
在该方法中本地方法native_setRectToRect(native_instance, src, dst, stf.nativeInt);因此我们可以猜想可能是在本地方法中对mDrawMatrix做了一系列操作.下面给出ScaleType.FIT...结论
FIT_START
结论:图片的宽(高)一定小于或等于 ImageView 的宽高,图片的宽(高)至少有一个等于ImageView的宽(高),图片显示在 ImageView 的左(上)
FIT_CENTER
结论:图片的宽(高)一定小于或等于 ImageView 的宽高,图片的宽(高)至少有一个等于ImageView的宽(高),图片居中显示在 ImageView 中
FIT_END
结论:图片的宽(高)一定小于或等于 ImageView 的宽高,图片的宽(高)至少有一个等于ImageView的宽(高),图片显示在 ImageView 的右(下)
总结
本片文章中并没有列举例子取验证我们的结果.如果想要很好的了解,需要用户自己动手根据结论去验证,根据源码自己理解一下,当自己亲身试验一遍后,相信肯定会有所收获.
android imageview scaletype 按钮状态,Android ImageView 之 ScaleType 详解相关推荐
- android仿知乎按钮动效,Android仿知乎客户端关注和取消关注的按钮点击特效实现思路详解...
先说明一下,项目代码已上传至github,不想看长篇大论的也可以先去下代码,对照代码,哪里不懂点哪里. 代码在这https://github.com/zgzczzw/ZHFollowButton 前几 ...
- android PorterDuffXfermode ,PorterDuff.Mode 使用 以及Porter-Duff规则详解
android PorterDuffXfermode ,PorterDuff.Mode 使用 以及Porter-Duff规则详解 1.下面的Xfermode子类可以改变这种行为: AvoidXferm ...
- Android VCard联系人备份恢复(导入/导出)详解
原文地址为: Android VCard联系人备份恢复(导入/导出)详解 首先我们简单的看下在Android中联系人的存储结构. 工作环境:android 2.3.3 联系人的主要数据存放在raw_c ...
- Android基础入门教程——2.5.3 AlertDialog(对话框)详解
Android基础入门教程--2.5.3 AlertDialog(对话框)详解 标签(空格分隔): Android基础入门教程 本节引言: 本节继续给大家带来是显示提示信息的第三个控件AlertDia ...
- Android异步处理三:Handler+Looper+MessageQueue深入详解
本博文地址:http://blog.csdn.net/mylzc/article/details/6771331 转载请注明出处 Android异步处理系列文章索引 Android异步处理一:使用Th ...
- Android 系统(214)---Android 7.1.1时间更新NITZ和NTP详解
Android 7.1.1时间更新NITZ和NTP详解 1.NTP和NITZ简介 最近在项目中遇到手机首次插上移动卡时不能自动更新时间的问题,就特意跟了下Android系统中手机时间更新有两种方式NT ...
- 阿里聚安全Android应用漏洞扫描器解析:本地拒绝服务检测详解
阿里聚安全Android应用漏洞扫描器解析:本地拒绝服务检测详解 阿里聚安全的Android应用漏洞扫描器有一个检测项是本地拒绝服务漏洞的检测,采用的是静态分析加动态模糊测试的方法来检测,检测结果准确 ...
- Android M新特性Doze and App Standby模式详解
转载请标明出处:http://blog.csdn.net/xx326664162/article/details/52312122 文章出自:薛瑄的博客 你也可以查看我的其他同类文章,也会让你有一定的 ...
- android fragment加载布局的方式,Android中Fragment的加载方式与数据通信详解
Android中Fragment的加载方式与数据通信详解 发布时间:2020-08-22 18:55:57 来源:脚本之家 阅读:155 作者:Joah 一.加载方式 1. 静态加载 1.1 加载步骤 ...
最新文章
- 2021年大数据Spark(二):四大特点
- 火狐浏览器中添加httprequest的方法
- python 面向对象学习
- Microsoft Office PowerPoint 2020中文版
- vue脚手架创建项目步骤
- QTextEdit实现图片和文本同行显示
- EF架构~了解一下,ADO.NET Entity Framework
- java web访问webroot_java web 之 WebRoot和WebContent目录
- 请求参数 统一 管理 java_Retrofit+Rxjava+okhttp基本操作和统一处理 – R...
- Android Studio 导入OpenCV 并调试运行face-detection例子
- NTFS-3G的安装和配置(Linux下挂载Windows分区必备)
- 简述RPL, DPL, CPL的区别与联系
- 简述静态全局变量的概念 C++
- C++中的const完全解析
- 《未来简史》读书笔记
- python之pygame安装教程_Pygame安装教程
- python中 a or b 的值为_详解python中and和or的返回值
- Python练习题 01
- 勇敢做自己,女神节快乐!
- 移动直播技术秒开优化经验(含PPT)
热门文章
- 达摩院研发自动驾驶高精定位系统,无GPS信号也可实现厘米级定位
- 数据说话!UCloud「硬刚」腾讯云,高性能 AMD 云主机哪家强?
- 没能 PK 掉 WiFi 的 Li-Fi,可能是 5G 请来的救兵
- 达摩院 2020 预测:感知智能的“天花板”和认知智能的“野望”
- 小米回应设备被谷歌禁用;苹果中国宣布 2019 款 iPad 降价;Wine 5.0-rc4 发布 | 极客头条...
- ​京东云:原来落地 AI 应用是这么回事儿!
- 8 年经验面试官详解 Java 面试秘诀!
- Myspace 被曝数据滥用,隐私问题再被诟病!
- 如何用深度学习 AI 美颜实现天天 P 图疯狂变脸算法? | 技术头条
- 谁能真正“撬动”微信?| 畅言