溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

android怎么實現(xiàn)毛玻璃虛化效果

發(fā)布時間:2022-03-30 10:20:16 來源:億速云 閱讀:1076 作者:iii 欄目:移動開發(fā)

本篇內(nèi)容介紹了“android怎么實現(xiàn)毛玻璃虛化效果”的有關(guān)知識,在實際案例的操作過程中,不少人都會遇到這樣的困境,接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧!希望大家仔細(xì)閱讀,能夠?qū)W有所成!

毛玻璃效果:

android怎么實現(xiàn)毛玻璃虛化效果 

android怎么實現(xiàn)毛玻璃虛化效果

StackBlur

首先,為了實現(xiàn)毛玻璃效果,本文采用的是StackBlur模糊算法,這種算法應(yīng)用非常廣泛,能得到非常良好的毛玻璃效果。在這里,我們使用的是它的Java實現(xiàn)代碼FastBlur.java。

public static Bitmap doBlur(Bitmap sentBitmap, int radius, boolean canReuseInBitmap)

可以看出,使用方法非常簡單,傳入待虛化的bitmap、虛化程序(一般為8)、和是否重用flag。

然后,如果要對上面這張圖片進(jìn)行虛化,我們可以通過把它轉(zhuǎn)化成bitmap傳入虛化,看起來很簡單就解決了,但事實并非如此。

OOM

如果直接把一張大圖傳入,很容易就會發(fā)生OOM內(nèi)存溢出

03-11 21:02:02.014 16727-16742/com.wingjay.jayandroid I/art: Clamp target GC heap from 109MB to 96MB  03-11 21:02:02.026 16727-16727/com.wingjay.jayandroid I/art: Clamp target GC heap from 109MB to 96MB  03-11 21:02:02.030 16727-16727/com.wingjay.jayandroid I/art: Clamp target GC heap from 109MB to 96MB  03-11 21:02:02.031 16727-16727/com.wingjay.jayandroid I/art: Forcing collection of SoftReferences for 30MB allocation  03-11 21:02:02.035 16727-16727/com.wingjay.jayandroid I/art: Clamp target GC heap from 109MB to 96MB  03-11 21:02:02.036 16727-16727/com.wingjay.jayandroid E/art: Throwing OutOfMemoryError "Failed to allocate a 32175012 byte allocation with 2648672 free bytes and 2MB until OOM"  03-11 21:02:02.036 16727-16727/com.wingjay.jayandroid D/AndroidRuntime: Shutting down VM

這是我直接對原圖進(jìn)行虛化得到的log信息。可以看出當(dāng)虛化開始時,虛擬機(jī)開始不斷進(jìn)行內(nèi)存回收,包括把所有軟引用的內(nèi)存回收。然而,仍然導(dǎo)致了內(nèi)存溢出。

那就意味著我只能虛化小圖,這樣才能防止內(nèi)存溢出。但是我并不想換其他圖,那么,我們就應(yīng)該把這張圖縮放。

ReScale

public static Bitmap createScaledBitmap(Bitmap src, int dstWidth, int dstHeight, boolean filter) {}

我們可以利用這個function來進(jìn)行bitmap的縮放。其中前三個參數(shù)很明顯,其中寬高我們可以選擇為原圖尺寸的1/10;第四個filter是指縮放的效果,filter為true則會得到一個邊緣平滑的bitmap,反之,則會得到邊緣鋸齒、pixelrelated的bitmap。這里我們要對縮放的圖片進(jìn)行虛化,所以無所謂邊緣效果,filter=false。

所以,我們要使用

int scaleRatio = 10;  int blurRadius = 8;  Bitmap scaledBitmap = Bitmap.createScaledBitmap(originBitmap,      originBitmap.getWidth() / scaleRatio,      originBitmap.getHeight() / scaleRatio,      false);  Bitmap blurBitmap = FastBlur.doBlur(scaledBitmap, blurRadius, true);  imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);  imageView.setImageBitmap(blurBitmap);

可以得到如下效果:

android怎么實現(xiàn)毛玻璃虛化效果

從圖中可以看出,首先可以確定思路是對的;然后,可以看出毛玻璃效果還不是特別的明顯。為了得到如iOS那樣的虛化效果,我們有兩種方法:

  • 增大scaleRatio縮放比,使用一樣更小的bitmap去虛化可以得到更好的模糊效果,而且有利于占用內(nèi)存的減小;

  • 增大blurRadius,可以得到更高程度的虛化,不過會導(dǎo)致CPU更加intensive

這里本人通過增大縮放比來實驗。

  • scaleRatio = 20 

android怎么實現(xiàn)毛玻璃虛化效果

  • scaleRatio = 35 

android怎么實現(xiàn)毛玻璃虛化效果

  • scaleRatio = 50 

android怎么實現(xiàn)毛玻璃虛化效果

  • scaleRatio = 100 

android怎么實現(xiàn)毛玻璃虛化效果

通過上面對比圖我們可以找出最適合自己的虛化效果。

Performance analysis

那么,要實現(xiàn)這樣的效果,是否具有損害用戶體驗的風(fēng)險呢?下面,我們從消耗時間和占據(jù)內(nèi)存的角度來進(jìn)行分析。

Time Consuming

為了分析虛化一張圖片所消耗的時間,本文通過同時虛化100來獲取平均消耗時間。以期對虛化耗時和不同縮放比對耗時的影響得到一定的認(rèn)識。

long start = System.currentTimeMillis();  Bitmap scaledBitmap, blurBitmap;  int scaleRatio = 10;  int loopCount = 100  for (int i=0; i
  • scaleRatio = 10: 耗時887ms,平均耗時8.87ms;

  • scaleRatio = 20: 耗時224ms,平均耗時2.24ms;

  • scaleRatio = 35: 耗時99ms,平均耗時0.99ms;

  • scaleRatio = 50: 耗時55ms,平均耗時0.55ms;

  • scaleRatio = 100: 耗時29ms,平均耗時0.29ms;

為了方便讀者了解效果,我通過多組數(shù)據(jù)擬合了下面的曲線:

android怎么實現(xiàn)毛玻璃虛化效果

從該模擬圖可以看出時間隨著縮放比的增大而不斷減小,當(dāng)縮放比達(dá)到30以上時所消耗的時間不到1ms,因此,我認(rèn)為應(yīng)該是完全不會產(chǎn)生時延破壞用戶體驗的。

Memory Consuming

既然時間沒問題,那么,主要問題:內(nèi)存占用就來了,所以我們需要考察生成一張?zhí)摶瘓D片所占用的內(nèi)存。

為了測試對一張圖片進(jìn)行虛化所占用內(nèi)存的變化,我們改變虛化次數(shù),即修改上面的loopCount并觀察對內(nèi)存的變化。其中scaleRatio =  10,以獲得相對較大的內(nèi)存消耗。

  • loopCount = 1 

android怎么實現(xiàn)毛玻璃虛化效果

  • loopCount = 10 

android怎么實現(xiàn)毛玻璃虛化效果

  • loopCount = 20 

android怎么實現(xiàn)毛玻璃虛化效果

  • loopCount = 50 

android怎么實現(xiàn)毛玻璃虛化效果

  • loopCount = 100 

android怎么實現(xiàn)毛玻璃虛化效果

  • loopCount = 300 

android怎么實現(xiàn)毛玻璃虛化效果

從上面的內(nèi)存消耗圖,可以看出虛化的確會占用一定內(nèi)存,如果大量的虛化同時發(fā)生,則會由于UI線程突然加載很多bitmap而導(dǎo)致內(nèi)存抖動。

“android怎么實現(xiàn)毛玻璃虛化效果”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注億速云網(wǎng)站,小編將為大家輸出更多高質(zhì)量的實用文章!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI