Android 三行代碼實現高斯模糊效果
前言
設計:有了毛玻璃效果,產品的逼格直接拉滿了呀
我:啊,對對對。我去 GayHub 上找找有沒有好的解決方案吧
設計:GayHub ???
可行的方案
要實現高斯模糊的方式有很多,StackBlur、RenderScript、Glide 等等都是不錯的方式,但最簡單直接效率最高的方式,還得是上 Github。
搜索的關鍵詞為 android blur,可以看到有兩個庫是比較合適的, Blurry 和 BlurView。 這兩個庫 Star 數比較高,并且也還在維護著。
于是,便嘗試了一番,發(fā)現 BlurView 比 Blurry 更好用,十分推薦上手 BlurView。

Blurry
優(yōu)點:API 使用非常簡潔,效果也不錯,提供同步和異步加載的解決方案
缺點:奇奇怪怪的 Bug 非常多,并且只能作用于 ImageView
BlurView(推薦)
- 優(yōu)點:使用的過程中幾乎沒有遇到 bug,實現時調用的代碼較少。并且,可以實現復雜的模糊 View
- 缺點:需要在 xml 中配置,并且需要花幾秒鐘的時間理解一下 rootView 的概念
使用方式:
XML:
<androidx.constraintlayout.widget.ConstraintLayout ?... ?android:id="@+id/rootView" ?android:background="@color/purple_200" > ? ?<ImageView ? ?... ? ?android:id="@+id/imageView" /> ? ?<eightbitlab.com.blurview.BlurView ? ?... ? ?android:id="@+id/blurView" /> ? </androidx.constraintlayout.widget.ConstraintLayout>
MainActivity#onCreate:
// 這里的 rootView,只要是 blurView 的任意一個父 View 即可 val rootView = findViewById<ConstraintLayout>(R.id.rootView) val blurView = findViewById<BlurView>(R.id.blurView) blurView.setupWith(rootView, RenderScriptBlur(this))
實現的效果:
使用前:

使用后:

Tips :
- 在 BlurView 以下的 View 都會有高斯模糊的效果
- rootView 可以選擇離 BlurView 最近的 ViewGroup
.setBlurRadius()可以用來設置卷積核的大小,默認是 16F.setOverlayColor()可以用來設置高斯模糊覆蓋的顏色值
例如如下參數配置時可以達到這樣的效果:
blurView.setupWith(rootView, RenderScriptBlur(this))
? ? ? ? ? .setBlurRadius(5F)
? ? ? ? ? .setOverlayColor(Color.parseColor("#77000000"))
最后,再補充一下滑動時的效果:

到此這篇關于Android 三行代碼實現高斯模糊效果的文章就介紹到這了,更多相關Android高斯模糊內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!
相關文章
Kotlin+buildSrc更好的管理Gradle依賴譯文
這篇文章主要為大家介紹了Kotlin+buildSrc更好的管理Gradle依賴譯文及示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2022-06-06
Android ContentProvider獲取手機聯系人實例
這篇文章主要介紹了Android ContentProvider獲取手機聯系人實例,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-02-02
Android實現簡易計步器功能隔天步數清零查看歷史運動紀錄
這篇文章主要介紹了Android實現簡易計步器功能隔天步數清零查看歷史運動紀錄,需要的朋友可以參考下2017-06-06

