1. 程式人生 > >Android筆記之(圖片高斯+Glide實現微信圖片載入策略+仿微信進度條)

Android筆記之(圖片高斯+Glide實現微信圖片載入策略+仿微信進度條)

很久以前就想自己實現一下仿微信圖片載入的那種策略了,先載入一張模糊的圖片,然後再載入清晰大圖,今天研究了一下,不過要是Glide支援進度條顯示就好了,不得不說Glide很強大,
不囉嗦了,直接上程式碼了。
首先看看高斯模糊到底怎麼實現,你問我我也不會(^__^) 嘻嘻……,直接附上網上的演算法:

package com.cisetech.dialogdemo;

import android.graphics.Bitmap;

/**
 * Author:Yqy
 * Date:2016-09-29
 * Desc:
 * Company:cisetech
 */
public class FastBlur
{
public static Bitmap doBlur(Bitmap sentBitmap, int radius, boolean canReuseInBitmap) { // Stack Blur v1.0 from // http://www.quasimondo.com/StackBlurForCanvas/StackBlurDemo.html // // Java Author: Mario Klingemann <mario at quasimondo.com> // http://incubator.quasimondo.com
// created Feburary 29, 2004 // Android port : Yahel Bouaziz <yahel at kayenko.com> // http://www.kayenko.com // ported april 5th, 2012 // This is a compromise between Gaussian Blur and Box blur // It creates much better looking blurs than Box Blur, but is // 7x faster than my Gaussian Blur implementation.
// // I called it Stack Blur because this describes best how this // filter works internally: it creates a kind of moving stack // of colors whilst scanning through the image. Thereby it // just has to add one new block of color to the right side // of the stack and remove the leftmost color. The remaining // colors on the topmost layer of the stack are either added on // or reduced by one, depending on if they are on the right or // on the left side of the stack. // // If you are using this algorithm in your code please add // the following line: // // Stack Blur Algorithm by Mario Klingemann <[email protected]> Bitmap bitmap; if (canReuseInBitmap) { bitmap = sentBitmap; } else { bitmap = sentBitmap.copy(sentBitmap.getConfig(), true); } if (radius < 1) { return (null); } int w = bitmap.getWidth(); int h = bitmap.getHeight(); int[] pix = new int[w * h]; bitmap.getPixels(pix, 0, w, 0, 0, w, h); int wm = w - 1; int hm = h - 1; int wh = w * h; int div = radius + radius + 1; int r[] = new int[wh]; int g[] = new int[wh]; int b[] = new int[wh]; int rsum, gsum, bsum, x, y, i, p, yp, yi, yw; int vmin[] = new int[Math.max(w, h)]; int divsum = (div + 1) >> 1; divsum *= divsum; int dv[] = new int[256 * divsum]; for (i = 0; i < 256 * divsum; i++) { dv[i] = (i / divsum); } yw = yi = 0; int[][] stack = new int[div][3]; int stackpointer; int stackstart; int[] sir; int rbs; int r1 = radius + 1; int routsum, goutsum, boutsum; int rinsum, ginsum, binsum; for (y = 0; y < h; y++) { rinsum = ginsum = binsum = routsum = goutsum = boutsum = rsum = gsum = bsum = 0; for (i = -radius; i <= radius; i++) { p = pix[yi + Math.min(wm, Math.max(i, 0))]; sir = stack[i + radius]; sir[0] = (p & 0xff0000) >> 16; sir[1] = (p & 0x00ff00) >> 8; sir[2] = (p & 0x0000ff); rbs = r1 - Math.abs(i); rsum += sir[0] * rbs; gsum += sir[1] * rbs; bsum += sir[2] * rbs; if (i > 0) { rinsum += sir[0]; ginsum += sir[1]; binsum += sir[2]; } else { routsum += sir[0]; goutsum += sir[1]; boutsum += sir[2]; } } stackpointer = radius; for (x = 0; x < w; x++) { r[yi] = dv[rsum]; g[yi] = dv[gsum]; b[yi] = dv[bsum]; rsum -= routsum; gsum -= goutsum; bsum -= boutsum; stackstart = stackpointer - radius + div; sir = stack[stackstart % div]; routsum -= sir[0]; goutsum -= sir[1]; boutsum -= sir[2]; if (y == 0) { vmin[x] = Math.min(x + radius + 1, wm); } p = pix[yw + vmin[x]]; sir[0] = (p & 0xff0000) >> 16; sir[1] = (p & 0x00ff00) >> 8; sir[2] = (p & 0x0000ff); rinsum += sir[0]; ginsum += sir[1]; binsum += sir[2]; rsum += rinsum; gsum += ginsum; bsum += binsum; stackpointer = (stackpointer + 1) % div; sir = stack[(stackpointer) % div]; routsum += sir[0]; goutsum += sir[1]; boutsum += sir[2]; rinsum -= sir[0]; ginsum -= sir[1]; binsum -= sir[2]; yi++; } yw += w; } for (x = 0; x < w; x++) { rinsum = ginsum = binsum = routsum = goutsum = boutsum = rsum = gsum = bsum = 0; yp = -radius * w; for (i = -radius; i <= radius; i++) { yi = Math.max(0, yp) + x; sir = stack[i + radius]; sir[0] = r[yi]; sir[1] = g[yi]; sir[2] = b[yi]; rbs = r1 - Math.abs(i); rsum += r[yi] * rbs; gsum += g[yi] * rbs; bsum += b[yi] * rbs; if (i > 0) { rinsum += sir[0]; ginsum += sir[1]; binsum += sir[2]; } else { routsum += sir[0]; goutsum += sir[1]; boutsum += sir[2]; } if (i < hm) { yp += w; } } yi = x; stackpointer = radius; for (y = 0; y < h; y++) { // Preserve alpha channel: ( 0xff000000 & pix[yi] ) pix[yi] = (0xff000000 & pix[yi]) | (dv[rsum] << 16) | (dv[gsum] << 8) | dv[bsum]; rsum -= routsum; gsum -= goutsum; bsum -= boutsum; stackstart = stackpointer - radius + div; sir = stack[stackstart % div]; routsum -= sir[0]; goutsum -= sir[1]; boutsum -= sir[2]; if (x == 0) { vmin[y] = Math.min(y + r1, hm) * w; } p = x + vmin[y]; sir[0] = r[p]; sir[1] = g[p]; sir[2] = b[p]; rinsum += sir[0]; ginsum += sir[1]; binsum += sir[2]; rsum += rinsum; gsum += ginsum; bsum += binsum; stackpointer = (stackpointer + 1) % div; sir = stack[stackpointer]; routsum += sir[0]; goutsum += sir[1]; boutsum += sir[2]; rinsum -= sir[0]; ginsum -= sir[1]; binsum -= sir[2]; yi += w; } } bitmap.setPixels(pix, 0, w, 0, 0, w, h); return (bitmap); } }

由於程式碼比較少,我就直接全部貼上了,可以直接拿去研究額。

package com.cisetech.dialogdemo;

import android.app.Dialog;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Color;
import android.graphics.drawable.ColorDrawable;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.util.DisplayMetrics;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.WindowManager;
import android.widget.ImageView;
import android.widget.ProgressBar;

import com.bumptech.glide.Glide;
import com.bumptech.glide.load.engine.DiskCacheStrategy;
import com.bumptech.glide.load.engine.bitmap_recycle.BitmapPool;
import com.bumptech.glide.load.resource.bitmap.BitmapTransformation;
import com.bumptech.glide.load.resource.drawable.GlideDrawable;
import com.bumptech.glide.request.RequestListener;
import com.bumptech.glide.request.target.Target;

public class MainActivity extends AppCompatActivity {
    private int screenWidth;
    private ImageView id_iv;
    private ProgressBar pb;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        WindowManager wm=getWindowManager();
        DisplayMetrics outMetrics=new DisplayMetrics();
        wm.getDefaultDisplay().getMetrics(outMetrics);
        screenWidth=outMetrics.widthPixels;
        id_iv= (ImageView) findViewById(R.id.id_iv);
        pb= (ProgressBar) findViewById(R.id.pb);
        Glide.with(this).load("http://img0.bdstatic.com/img/image/shouye/xinshouye/dongman928.jpg")
                .centerCrop()
                .listener(new RequestListener<String, GlideDrawable>() {
            @Override
            public boolean onException(Exception e, String s, Target<GlideDrawable> target, boolean b) {
                return false;
            }

            @Override
            public boolean onResourceReady(final GlideDrawable glideDrawable, String s, Target<GlideDrawable> target, boolean b, boolean b1) {
                Log.e("TAG", "onResourceReady: target-------->"+target );
                Log.e("TAG", "onResourceReady: glideDrawable-------->"+glideDrawable );
                        Glide.with(MainActivity.this).load("http://img0.bdstatic.com/img/image/shouye/xinshouye/dongman928.jpg").
                                centerCrop().placeholder(glideDrawable).
                                diskCacheStrategy(DiskCacheStrategy.NONE).
                                skipMemoryCache(true).dontAnimate().
                                crossFade(1000).
                                listener(new RequestListener<String, GlideDrawable>() {
                                    @Override
                                    public boolean onException(Exception e, String s, Target<GlideDrawable> target, boolean b) {
                                        return false;
                                    }

                                    @Override
                                    public boolean onResourceReady(GlideDrawable glideDrawable, String s, Target<GlideDrawable> target, boolean b, boolean b1) {
                                        pb.setVisibility(View.GONE);
                                        return false;
                                    }
                                }).
                                into(id_iv);
                return false;
            }
        }).
        transform(new MyTransformtion(this)).
                diskCacheStrategy(DiskCacheStrategy.ALL).
                placeholder(new ColorDrawable(Color.BLACK))
                .dontAnimate().into(id_iv);

        //createLoadingDialog(this).show();
    }
    public Dialog createLoadingDialog(Context context) {
        LayoutInflater inflater = LayoutInflater.from(context);
        View v = inflater.inflate(R.layout.wechat_dialog, null);// 得到載入view
        Dialog loadingDialog = new Dialog(context, R.style.loading_dialog);// 建立自定義樣式dialog
        loadingDialog.setCancelable(false);// 不可以用“返回鍵”取消
        loadingDialog.setContentView(v);// 設定佈局
        /**
         * 設定Dialog的寬度為螢幕寬度的61.8%,高度為自適應
         */
        WindowManager.LayoutParams lp = loadingDialog.getWindow().getAttributes();
        lp.width= (int) (screenWidth*0.618f);
        lp.height=lp.WRAP_CONTENT;
        loadingDialog.getWindow().setAttributes(lp);
        return loadingDialog;
    }
    public class MyTransformtion extends BitmapTransformation{

        public MyTransformtion(Context context) {
            super(context);
        }
        @Override
        protected Bitmap transform(BitmapPool bitmapPool, Bitmap bitmap, int i, int i1) {
            Log.e("TAG", "transform: bitmap-------->"+bitmap );
            return FastBlur.doBlur(bitmap,10,true);
        }
        @Override
        public String getId() {
            return "com.cisetech.dialogdemo.MyTransformtion";
        }
    }
}

仿微信進度條可以看我另外一篇部落格Android進階之(Dailog詳解),這裡寫在一個工程裡面了,我就直接貼程式碼了。

相關推薦

Android筆記圖片+Glide實現圖片載入策略+仿進度

很久以前就想自己實現一下仿微信圖片載入的那種策略了,先載入一張模糊的圖片,然後再載入清晰大圖,今天研究了一下,不過要是Glide支援進度條顯示就好了,不得不說Glide很強大, 不囉嗦了,直接上程式碼了。 首先看看高斯模糊到底怎麼實現,你問我我也不會(^__

Android本地圖片或者網路圖片模糊效果毛玻璃效果圖片模糊效果一行程式碼搞定

一,實現本地圖片或者網路圖片的毛玻璃效果特別方便,只需要把下面的FastBlurUtil類複製到你的專案中就行 package com.testdemo.blur_image_lib10;   import android.graphics.Bitmap;   import andr

Android 圖片模糊解決方案

Android 圖片高斯模糊解決方案 近年來,圖片高斯模糊備受設計師的青睞,在各大知名APP中,如微信、手機QQ、網易雲音樂等等都有對背景高斯圖模糊的設計,在Adnroid 中,現在常用的圖片高斯模糊技術有三種:RenderScript 、fastBlur、對RenderScript和

Android實現圖片 模糊,以及圖片映象 翻轉。

好久沒寫部落格,發現不止手癢,,原來不學習還是會頹廢的….. 哎….. 速速找了網上比較感興趣的功能,,看著前人大神門的方法實現,方便自己也方便別人: 上圖: 程式碼: MainActivity.class package com.hero.

Android 圖片模糊處理

/** 水平方向模糊度 */ private static float hRadius = 10; /** 豎直方向模糊度 */ private static float vRadius = 10; /** 模糊迭代度 */ private static int iterations = 7;

Android筆記使用CMake進行JNI開發Android Studio

不知道有多少朋友像我一樣,被Android NDK開發的環境配置折騰到吐,然後放棄。從事Android工作幾年了,也不太願意接觸NDK開發。不過福利終於來了,新的AS中開始使用CMake開發jni,開發c跟開發java一樣簡單,你只需單純的執著於業務目標,跟折騰

Android筆記 圖片自由裁剪

前言——專案中需要用到對使用者頭像的裁剪和上傳功能。關於裁剪,一開始是想自己來做,但是覺得這個東西應該谷歌有開發吧,於是一搜索官方文件,果然有。於是,就果斷無恥地用了Android自帶有關於照片的自由裁剪。因為時間太緊,雖然不太華麗,但是勝在能用,節省時間嘛。 具體是通過

Android 實現圖片模糊演算法,真正有效的工具類

import android.graphics.Bitmap; import android.graphics.Color; public class FastBlur {     /***      * 高斯模糊演算法      * @param bmp 要處理的影象  

《機器學習實戰》學習筆記樸素貝葉Naive Bayes

原理 假如郵箱中有n個單詞, 如果returnVec[i]=0代表這個單詞在這封郵件中不出現, returnVec[i]=1代表這個單詞在郵件中出現了。 設訓練集中每個郵件都有標記為是垃圾郵件和不是垃圾郵件,是垃圾郵件的分類為1,不是垃圾郵件的分類為0。 演算法原理:

Android簡單、高效能的模糊毛玻璃效果(附原始碼)

毛玻璃效果相信很多朋友都眼紅很久了, 隔壁ios系統對高斯模糊早就大範圍使用了, 咱們Android卻絲毫不為所動, 於是就只能靠廣大開發者咯。 這是目前市面上效能最高的方案, 也不知道最初是

Unity與Android交互-Unity接入德地圖實現定位以及搜索周邊的功能使用Android Studio詳細操作

nac mcc 以及 分享 pack create lis red 效果 剛進公司給安排的任務就是Unity接入高德地圖,算是踩了不少坑總算做出來了,抽點時間寫個博客記錄一下 廢話不多說 先上效果圖 獲取定位並根據手機朝向顯示周邊信息 使用的Unity

異常檢測(Anomaly detection): 異常檢測算法應用分布

fff ati 高斯分布 不同的 detect 我們 src tro images 估計P(x)的分布--密度估計 我們有m個樣本,每個樣本有n個特征值,每個特征都分別服從不同的高斯分布,上圖中的公式是在假設每個特征都獨立的情況下,實際無論每個特征是否獨立,這個公式的效果

Flume 學習筆記 Flume NG可用集群搭建

哈哈 process bind under hdf ora chan lsp max Flume NG高可用集群搭建: 架構總圖: 架構分配: 角色 Host 端口 agent1 hadoop3 52020 collect

Deep Learning論文筆記Sparse Filtering稀疏濾波

structure 分布 的確 tlab bolt 期望 有一個 尋找 mean Deep Learning論文筆記之(二)Sparse Filtering稀疏濾波 自己平時看了一些論文,但老感覺看完過後就會慢慢的淡忘,某一天重新拾起來的時候又好像沒有

bzoj3143: [Hnoi2013]遊走貪心+消元

last fin con ont fab ios const 技術 opened   考慮讓總期望最小,那麽就是期望經過次數越多的邊貪心地給它越小的編號。   怎麽求每條邊的期望經過次數呢?邊不大好算,我們考慮計算每個點的期望經過次數f[x],那麽一條邊的期望經過次數就是

流媒體技術學習筆記Nginx-Rtmp-Module統計某頻道在線觀看流的客戶數

sele lec rest uri class origin 客戶 擴展 raw 獲得訂閱者人數,可以方便地顯示觀看流的客戶數。 查看已經安裝好的模塊 /usr/local/nginx/sbin/nginx -V 安裝從源編譯Nginx和Nginx-RTMP所

算法學習筆記1.1.2 消元

得到 ont double using als clu math 利用 poj 任務 給一個n元一次方程組,求它們的解集。 說明 將方程組做成矩陣形式,再利用三種初等矩陣變換,得到上三角矩陣,最後回代得到解集。 接口 int solve(double a[][maxn],

從Paxos到Zookeeper分散式一致性原理與實踐 讀書筆記 分散式架構

1.1 從集中式到分散式  1 集中式特點  結構簡單,無需考慮對多個節點的部署和節點之間的協作。  2  分散式特點 分不性:在時間可空間上隨意分佈,機器的分佈情況隨時變動 對等性:計算機之間沒有主從之分,所有計算機之間是對等的。副本是分散式系統對資料

機器學習筆記7——聚類演算法

對於監督學習,訓練資料都是事先已知預測結果的,即訓練資料中已提供了資料的類標。無監督學習則是在事先不知道正確結果(即無類標資訊或預期輸出值)的情況下,發現數據本身所蘊含的結構等資訊。 無監督學習通過對無標記訓練樣本的學習來尋找這些資料的內在性質。 聚類的目標是發現數據中自然形成的分組,使得每

Stereo Matching文獻筆記:《On Building an Accurate Stereo Matching System on Graphics Hardware》讀後感

版權宣告:作者:迷霧forest(請隨意轉載,若顧及到博主打字耗費的卡路里,請新增博主小名,權當娛樂)    https://blog.csdn.net/wsj998689aa/article/details/49403353 週末嘍~!又有時間寫寫部落格了,繼續之前的