• Android Gallery2源代码分析


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

    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


  • 相关阅读:
    点击回到顶部
    rem根据屏幕大小适配字体大小
    使用layui-tree美化左侧菜单,点击生成tab选项
    字符串
    mysql ORDER BY field(STATUS, 0,1) 根据字段特定排序问题
    js防止短时间内重复点击
    tp5 where a and (b or c)
    array_diff遇到的坑
    前端开发必配置:html5shiv.js和respond.min.js的作用说明!
    phpmailer QQ邮件发送
  • 原文地址:https://www.cnblogs.com/yxysuanfa/p/7114810.html
Copyright © 2020-2023  润新知