使用RenderScript實(shí)現(xiàn)高斯模糊(毛玻璃/磨砂)效果

[轉(zhuǎn)載]http://www.reibang.com/p/a72586c93d62
示例代碼在這里:GaussianBlur

逛instagram的時(shí)候贡蓖,偶然發(fā)現(xiàn)邀窃,instagram的對(duì)話框設(shè)計(jì)的很有意思难咕,如下圖

![Uploading 0D3A358A-521E-4FD2-A174-3920DBEF372D_707189.png . . .]

它的dialog的背景竟然是毛玻璃效果的痢艺,在我看來(lái)真漂亮赘理,恩铅歼,對(duì)話框和迪麗熱巴都漂亮??公壤。看到這么好的效果椎椰,當(dāng)然就要開始搞事情了厦幅,自己動(dòng)手實(shí)現(xiàn)差不多的效果。最終的實(shí)現(xiàn)效果如下圖:

0D3A358A-521E-4FD2-A174-3920DBEF372D.png

分別實(shí)現(xiàn)了對(duì)話框背景的虛化和手動(dòng)調(diào)節(jié)虛化程度慨飘。
實(shí)現(xiàn)方法對(duì)比

最開始想要實(shí)現(xiàn)毛玻璃效果時(shí)确憨,我是一臉懵逼的,不知道如何下手瓤的。幸虧休弃,有萬(wàn)能的Google。搜索之后發(fā)現(xiàn)常見的實(shí)現(xiàn)方法有4種圈膏,分別是:

RenderScript
Java算法
NDK算法
openGL

處理一整張圖片這么大計(jì)算量的工作塔猾,openGL的性能最好,而用java實(shí)現(xiàn)肯定是最差的了稽坤。而RenderScript和NDK的性能相當(dāng)丈甸,但是你懂得,NDK和openGL我無(wú)可奈何尿褪,綜合考慮睦擂,RenderScript應(yīng)該是最適合的。

但并不是說(shuō)RenderScript就是完全沒有問(wèn)題的:

1.模糊半徑(radius)越大杖玲,性能要求越高顿仇,模糊半徑不能超過(guò)25,所以并不能得到模糊度非常高的圖片天揖。

2. ScriptIntrinsicBlur在API 17時(shí)才被引入夺欲,如果需要在Android 4.2以下的設(shè)備上實(shí)現(xiàn)跪帝,就需要引入RenderScript Support Library今膊,當(dāng)然,安裝包體積會(huì)相應(yīng)的增大伞剑。

RenderScript實(shí)現(xiàn)

首先在app目錄下build.gradle文件中添加如下代碼:

defaultConfig {
        applicationId "io.github.marktony.gaussianblur"
        minSdkVersion 19
        targetSdkVersion 25
        versionCode 1
        versionName "1.0"
        renderscriptTargetApi 19
        renderscriptSupportModeEnabled true
    }

RenderScriptIntrinsics提供了一些可以幫助我們快速實(shí)現(xiàn)各種圖片處理的操作類斑唬,例如,ScriptIntrinsicBlur
,可以簡(jiǎn)單高效實(shí)現(xiàn) 高斯模糊效果恕刘。

package io.github.marktony.gaussianblur;

import android.content.Context;
import android.graphics.Bitmap;
import android.support.annotation.IntRange;
import android.support.annotation.NonNull;
import android.support.v8.renderscript.Allocation;
import android.support.v8.renderscript.Element;
import android.support.v8.renderscript.RenderScript;
import android.support.v8.renderscript.ScriptIntrinsicBlur;

public class RenderScriptGaussianBlur {

    private RenderScript renderScript;

    public RenderScriptGaussianBlur(@NonNull Context context) {
        this.renderScript = RenderScript.create(context);
    }

    public Bitmap gaussianBlur(@IntRange(from = 1, to = 25) int radius, Bitmap original) {
        Allocation input = Allocation.createFromBitmap(renderScript, original);
        Allocation output = Allocation.createTyped(renderScript, input.getType());
        ScriptIntrinsicBlur scriptIntrinsicBlur = ScriptIntrinsicBlur.create(renderScript, Element.U8_4(renderScript));
        scriptIntrinsicBlur.setRadius(radius);
        scriptIntrinsicBlur.setInput(input);
        scriptIntrinsicBlur.forEach(output);
        output.copyTo(original);
        return original;
    }

}

然后就可以直接使用RenderScriptGaussianBlur缤谎,愉快地根據(jù)SeekBar的值,實(shí)現(xiàn)不同程度的模糊了褐着。

package io.github.marktony.gaussianblur;

import android.content.DialogInterface;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.support.v7.app.AlertDialog;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.view.Window;
import android.view.WindowManager;
import android.widget.FrameLayout;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.SeekBar;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity {

    private ImageView imageView;
    private ImageView container;
    private LinearLayout layout;
    private TextView textViewProgress;
    private RenderScriptGaussianBlur blur;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        imageView = (ImageView) findViewById(R.id.imageView);
        container = (ImageView) findViewById(R.id.container);

        container.setVisibility(View.GONE);

        layout = (LinearLayout) findViewById(R.id.layout);

        layout.setVisibility(View.VISIBLE);

        SeekBar seekBar = (SeekBar) findViewById(R.id.seekBar);
        textViewProgress = (TextView) findViewById(R.id.textViewProgress);
        TextView textViewDialog = (TextView) findViewById(R.id.textViewDialog);
        blur = new RenderScriptGaussianBlur(MainActivity.this);

        seekBar.setMax(25);
        seekBar.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {
            @Override
            public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
                textViewProgress.setText(String.valueOf(progress));
            }

            @Override
            public void onStartTrackingTouch(SeekBar seekBar) {

            }

            @Override
            public void onStopTrackingTouch(SeekBar seekBar) {
                int radius = seekBar.getProgress();
                if (radius < 1) {
                    radius = 1;
                }
                Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.image);
                imageView.setImageBitmap(blur.gaussianBlur(radius, bitmap));
            }
        });

        textViewDialog.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {

                container.setVisibility(View.VISIBLE);

                layout.setDrawingCacheEnabled(true);
                layout.setDrawingCacheQuality(View.DRAWING_CACHE_QUALITY_LOW);

                Bitmap bitmap = layout.getDrawingCache();

                container.setImageBitmap(blur.gaussianBlur(25, bitmap));

                layout.setVisibility(View.INVISIBLE);

                AlertDialog dialog = new AlertDialog.Builder(MainActivity.this).create();
                dialog.setTitle("Title");
                dialog.setMessage("Message");
                dialog.setButton(DialogInterface.BUTTON_POSITIVE, "OK", new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface dialog, int which) {
                        dialog.dismiss();
                    }
                });
                dialog.setButton(DialogInterface.BUTTON_NEGATIVE, "Cancel", new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface dialog, int which) {

                    }
                });
                dialog.setOnCancelListener(new DialogInterface.OnCancelListener() {
                    @Override
                    public void onCancel(DialogInterface dialog) {

                    }
                });

                dialog.setOnCancelListener(new DialogInterface.OnCancelListener() {
                    @Override
                    public void onCancel(DialogInterface dialog) {
                        container.setVisibility(View.GONE);
                        layout.setVisibility(View.VISIBLE);
                    }
                });

                dialog.show();
            }
        });

    }
}

在代碼里做了一些view的可見性的操作坷澡,比較簡(jiǎn)單,相信你能看懂的含蓉。和instagram中dialog的實(shí)現(xiàn)有一點(diǎn)不同的是频敛,我沒有截取整個(gè)頁(yè)面的bitmap,只是截取了actionbar下的內(nèi)容馅扣,如果一定要實(shí)現(xiàn)一樣的效果斟赚,調(diào)整一下頁(yè)面的布局就可以了。這里不多說(shuō)了差油。

是不是很簡(jiǎn)單呢拗军?

輪子

除了RenderScript外,還有一些優(yōu)秀的輪子:

500px-android-blur
Blurry
android-stackblur
FastBlur:Java算法實(shí)現(xiàn)

BlurTestAndroid對(duì)不同類庫(kù)的實(shí)現(xiàn)方式蓄喇、采取的算法和所耗費(fèi)的時(shí)間做了統(tǒng)計(jì)和比較发侵,你也可以下載它的demo app,自行測(cè)試妆偏。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末器紧,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子楼眷,更是在濱河造成了極大的恐慌铲汪,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,376評(píng)論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件罐柳,死亡現(xiàn)場(chǎng)離奇詭異掌腰,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)张吉,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,126評(píng)論 2 385
  • 文/潘曉璐 我一進(jìn)店門齿梁,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人肮蛹,你說(shuō)我怎么就攤上這事勺择。” “怎么了伦忠?”我有些...
    開封第一講書人閱讀 156,966評(píng)論 0 347
  • 文/不壞的土叔 我叫張陵省核,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我昆码,道長(zhǎng)气忠,這世上最難降的妖魔是什么邻储? 我笑而不...
    開封第一講書人閱讀 56,432評(píng)論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮旧噪,結(jié)果婚禮上吨娜,老公的妹妹穿的比我還像新娘。我一直安慰自己淘钟,他們只是感情好宦赠,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,519評(píng)論 6 385
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著米母,像睡著了一般袱瓮。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上爱咬,一...
    開封第一講書人閱讀 49,792評(píng)論 1 290
  • 那天尺借,我揣著相機(jī)與錄音,去河邊找鬼精拟。 笑死燎斩,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的蜂绎。 我是一名探鬼主播栅表,決...
    沈念sama閱讀 38,933評(píng)論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼师枣!你這毒婦竟也來(lái)了怪瓶?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,701評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤践美,失蹤者是張志新(化名)和其女友劉穎洗贰,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體陨倡,經(jīng)...
    沈念sama閱讀 44,143評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡敛滋,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,488評(píng)論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了兴革。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片绎晃。...
    茶點(diǎn)故事閱讀 38,626評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖杂曲,靈堂內(nèi)的尸體忽然破棺而出庶艾,到底是詐尸還是另有隱情,我是刑警寧澤擎勘,帶...
    沈念sama閱讀 34,292評(píng)論 4 329
  • 正文 年R本政府宣布咱揍,位于F島的核電站,受9級(jí)特大地震影響货抄,放射性物質(zhì)發(fā)生泄漏述召。R本人自食惡果不足惜朱转,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,896評(píng)論 3 313
  • 文/蒙蒙 一蟹地、第九天 我趴在偏房一處隱蔽的房頂上張望积暖。 院中可真熱鬧,春花似錦怪与、人聲如沸夺刑。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,742評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)遍愿。三九已至,卻和暖如春耘斩,著一層夾襖步出監(jiān)牢的瞬間沼填,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,977評(píng)論 1 265
  • 我被黑心中介騙來(lái)泰國(guó)打工括授, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留坞笙,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,324評(píng)論 2 360
  • 正文 我出身青樓荚虚,卻偏偏與公主長(zhǎng)得像薛夜,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子版述,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,494評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容