打开图库中图片为什么从模糊变清晰

1. 有一点要明白,图片要进行显示,首先要先将图片进行decode,然后才干显示

2. 图片decode须要时间,越大的图片,细节越多的图片,那么它decode时间就越长

3. 最笨的做法就是,等图片decode完了,我们再显示,在decode完之前就看到黑色的背景。但

这种做法不太友好,尤其是大的图片的时候,等待的时间就越长

为了给客户更好的用户体验,我们会先decode一张图片的thumbnail即缩略图, 当我们点击一张

图片进来之后,我们首先看到的是这个图片的thumbnail,这样用户就知道图片有被显示

可是,因为thumbnail的分辨率有限,贴到屏幕上之后就会比較模糊。这就是为什么一開始看到模

糊的原因

4. 这个时候,还是逃不掉decode整张图片的步骤,我们全然能够等整张图片decode完成之后再

更新到屏幕。

但我们觉得这样的方式也不是太好,为什么不是decode出一部分就显示一部分呢?

所以终于的方法是:我们将整个图片分成小块(tile),high resolution的图片,tile的size

是510,普通图片的tile size是254,然后我们依照从上到下,从左到右的顺序依次decode

tile,所以你看到图片一小块一小块的显示,图片逐步变清晰的过程

所以,眼下此方案已经做到了最优化,只是因为本身decode须要时间,我们不能做到一下显示清晰

图片,或者缩短图片变清晰的时间。

 void updateFromConfiguration(Context context, Resources resources, int wPx, int hPx,
int awPx, int ahPx) {
Configuration configuration = resources.getConfiguration();
isLandscape = (configuration.orientation == Configuration.ORIENTATION_LANDSCAPE);
isTablet = resources.getBoolean(R.bool.is_tablet);
isLargeTablet = resources.getBoolean(R.bool.is_large_tablet);
if (android.os.Build.VERSION.SDK_INT >= android.os.Build.VERSION_CODES.JELLY_BEAN_MR1) {
isLayoutRtl = (configuration.getLayoutDirection() == View.LAYOUT_DIRECTION_RTL);
} else {
isLayoutRtl = false;
}
widthPx = wPx;
heightPx = hPx;
availableWidthPx = awPx;
availableHeightPx = ahPx; updateAvailableDimensions(context);
}

图片双击变大算法

图片双击放大倍数和图片大小、显示图片的view大小,及图片当前的scale大小均有关系。

为了避免图片放大过大,设置了一个放大倍数的最大限制SCALE_LIMIT,眼下该值为4.

详细算法例如以下所看到的:

图片的宽和高分别记为:imageW imageH

显示图片的view宽和高分别记为:viewW viewH

几个重要的比例记为:

scale_1 = viewW / imageW;
scale_2 = viewH / imageH;
scale_3 = viewW / imageH;
scale_4 = viewH / imageW;

假设当前图片的宽高比>2或者<0.5,则依照例如以下算法计算放大倍数zoomRate:

(1)当前scale = min(scale_1, scale_2);

(2)zoomRate = min(max(scale_1, scale_2), max(scale_3, scale_4));

(3)假设zoomRate > SCALE_LIMIT,则zoomRate = SCALE_LIMIT;

(4)假设scale >= zoomRate,则保留(1)的结果从第(2)步又一次计算zoomRate值,否则跳至(6)

zoomRate = max(max(scale_1, scale_2), max(scale_3, scale_4));

(5)假设zoomRate > SCALE_LIMIT,则zoomRate = SCALE_LIMIT;

(6)此时zoomRate值即是图片应该放大的倍数。

假设当前图片的宽高比<=2或者>=0.5,则依照例如以下算法计算放大倍数zoomRate:

(1)当前scale = min(scale_1, scale_2);

(2)largerInitRate = max(min(scale_1, scale_2), min(scale_3, scale_4));

(3)假设largerInitRate > SCALE_LIMIT,则largerInitRate = SCALE_LIMIT;

(4)zoomRate = min(scale_2, largerInitRate * 2.0f);

(5)假设zoomRate > SCALE_LIMIT,则zoomRate = SCALE_LIMIT;

(6)假设scale >= zoomRate,则保留前3步的结果,从第(4)步又一次计算zoomRate值,否则跳至(8)

zoomRate = largerInitRate * 2.0f;

(7)假设zoomRate > SCALE_LIMIT,则zoomRate = SCALE_LIMIT;

(8)此时zoomRate值即是图片应该放大的倍数。

转载请注明出处:周木水的CSDN博客 http://blog.csdn.net/zhoumushui


Android Gallery2源代码分析的更多相关文章

  1. Android 消息处理源代码分析(1)

    Android 消息处理源代码分析(1) 在Android中,通常被使用的消息队列的代码在文件夹\sources\android-22\android\os下,涉及到下面几个类文件 Handler.j ...

  2. Android HandlerThread 源代码分析

    HandlerThread 简单介绍: 我们知道Thread线程是一次性消费品,当Thread线程运行完一个耗时的任务之后.线程就会被自己主动销毁了.假设此时我又有一 个耗时任务须要运行,我们不得不又 ...

  3. Android HttpURLConnection源代码分析

    Android HttpURLConnection源代码分析 之前写过HttpURLConnection与HttpClient的差别及选择.后来又分析了Volley的源代码. 近期又遇到了问题,想在V ...

  4. Android KLog源代码分析

    Android KLog源代码分析 Android KLog源代码分析 代码结构 详细分析 BaseLog FileLog JsonLog XmlLog 核心文件KLogjava分析 遇到的问题 一直 ...

  5. android开发源代码分析--多个activity调用多个jni库的方法

    android开发源代码分析--多个activity调用多个jni库的方法 有时候,我们在开发android项目时会遇到须要调用多个native c/jni库文件,下面是本人以前实现过的方法,假设有知 ...

  6. Android 消息处理源代码分析(2)

    Android 消息处理源代码分析(1)点击打开链接 继续接着分析剩下的类文件 Looper.java public final class Looper { final MessageQueue m ...

  7. Appium Android Bootstrap源代码分析之启动执行

    通过前面的两篇文章<Appium Android Bootstrap源代码分析之控件AndroidElement>和<Appium Android Bootstrap源代码分析之命令 ...

  8. Android AsyncTask 源代码分析

    AsyncTask源代码分析 public abstract class AsyncTask<Params, Progress, Result> { //日志TAG private sta ...

  9. Appium Android Bootstrap源代码分析之简单介绍

    在上一个系列中我们分析了UiAutomator的核心源代码,对UiAutomator是怎么执行的原理有了根本的了解.今天我们会開始另外一个在安卓平台上基于UiAutomator的新起之秀--Appiu ...

随机推荐

  1. 解决:xxx is not in the sudoers file.This incident will be reported.的解决方法

    Linux中普通用户用sudo执行命令时报”xxx is not in the sudoers file.This incident will be reported”错误,解决方法就是在/etc/s ...

  2. SublimeText学习(二)-基本操作

    1.查看已安装的插件 看到已经安装的插件,看到了在上一篇中安装的Emmet 2.设置主题与字体 方法一: 方法二: 工具栏中 [Preference-浏览程序包]找到[Default文件夹]-用Sub ...

  3. [ NOIP 2014 ] TG

    \(\\\) \(Day\ 1\) \(\\\) \(\#\ A\) \(Rps\) 定义五种方案的石头剪刀布游戏,两人共进行\(N\)局游戏,已知两人各自的循环节和具体方案,胜者得\(1\)分,败者 ...

  4. asp.net——根据时间,显示内容

    题目: 在VS 2010中建立一个网站,命名为Lab5_1,建立时注意项目文件夹的存放位置.根据当前时间,在页面上显示早上好或下午好或晚上好,并显示相应的不同图片. 体验: 一开始看到这个题目的时候, ...

  5. ndk书写位置的问题

    defaultConfig { applicationId "com.chenql.helloandroidjni" minSdkVersion 22 targetSdkVersi ...

  6. 移动web——轮播图

    1.我们将5张图片又前后各增加一张,第一张前增加的是原本的第五张,第五张后增加的是原本的第一张,增加的原因无非是手指滑动的时候有轮播效果,这不像以前的轮播图,点击图标就能立刻将ul跳转到指定位置,手机 ...

  7. ASP.NET 缓存(Cache)

    ASP.NET提供了在一个ASP.NET应用程序基本上缓存信息的编程功能.该功能和Application对象相似,但它具有在ASP.NET应用程序的生命周期内动态维护缓存信息的能力.在应用程序中缓存数 ...

  8. [Windows Server 2008] 安装SQL SERVER 2008

    ★ 欢迎来到[护卫神·V课堂],网站地址:http://v.huweishen.com★ 护卫神·V课堂 是护卫神旗下专业提供服务器教学视频的网站,每周更新视频.★ 本节我们将带领大家:安装SQL S ...

  9. [Windows Server 2008] IIS自带FTP配置方法

    ★ 欢迎来到[护卫神·V课堂],网站地址:http://v.huweishen.com★ 护卫神·V课堂 是护卫神旗下专业提供服务器教学视频的网站,每周更新视频.★ 本节我们将带领大家:IIS自带FT ...

  10. 扩增子图表解读5火山图:差异OTU的数量及变化规律

    火山图 Volcano plot 在统计学上,火山图是一种类型的散点图,被用于在大数据中快速鉴定变化.由于它的形成像火山喷发的样子,所以被称为火山图.和上文讲的曼哈顿图类似.   火山图基本元素 火山 ...