MIUI 6的毛半透明效果的技術實現(即時模糊),miui毛玻璃

來源:互聯網
上載者:User

MIUI 6的毛半透明效果的技術實現(即時模糊),miui毛玻璃
說說MIUI 6的毛半透明效果的技術實現。 很久以前我們的檔案夾開啟和最近任務等幾個地方就使用了毛半透明效果,在技術上講就是背景模糊。應該是比iOS 7的使用要早很多。不過那時候我們使用的是先對背景,再將其模糊處理,然後作為app的背景圖,所以是一張靜止的圖片,當背景內容發生變化時模糊的圖片並不會隨之變化,因此比較生硬。而iOS 7的背景模糊則是即時的,當背景變化的時候,模糊內容也會即時的變化。這就把我們給比下去了。於是我們也不能閑著,既然做了,那就做好。然後我就開始做即時的背景模糊。 如果沿用之前的方式,先,再模糊,由於這個過程遠遠大於一幀的時間16.7毫秒。因此就算不停的更新背景,雖然也能呈現出變化的模糊背景,但會很卡頓,不流暢,不自然,資源消耗大。 於是考慮更為自然的實現方式:在Window上委任標記,SurfaceFlinger合并層的時候對其後面的內容用OpenGL ES進行模糊處理。這種方式沒有的過程,繪製的時候用OpenGL ES繪製,加上一些最佳化,最終輕鬆達到60FPS的滿幀率。 下面說說代碼的主要過程和一些關鍵點。整個過程大致就是這樣。另外,由於在大部分情況下SurfaceFlinger合成層是使用的Hardware Composer來合成的,並不是OpenGL ES,因此我們需要檢測發現有背景模糊層的時候指明不使用Hardware Composer。 模糊演算法的主要耗時點是很大的採樣次數。我們想了一些辦法來最佳化效能:

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.