android實(shí)現(xiàn)用戶體驗(yàn)超棒的微信WebView進(jìn)度條
現(xiàn)在微信的用戶體驗(yàn)一直被產(chǎn)品經(jīng)理們所推崇,今天這里具體分析一下微信在WebView的進(jìn)度條上怎么提升用戶體驗(yàn).
最終微信的加載進(jìn)度條的效果圖
網(wǎng)絡(luò)正常的狀態(tài)，分為兩種加載速度,前部分正常速度加載,后邊速度特意放慢,讓用戶感覺到你在非常賣力的在進(jìn)行網(wǎng)絡(luò)請求.
斷開網(wǎng)絡(luò)的狀態(tài)： 進(jìn)度條還是分為兩種速度,類似于網(wǎng)絡(luò)正常的狀態(tài),也能讓用戶感覺到你在非常賣力的在進(jìn)行網(wǎng)絡(luò)請求.
實(shí)現(xiàn)的思路
- 大方面要分兩種情況：沒有網(wǎng)絡(luò)，有網(wǎng)絡(luò)情況
- 實(shí)現(xiàn)加載進(jìn)度條的兩種速度，前邊比較快，后邊估計(jì)放緩慢
- 利用自定義View屬性動(dòng)畫實(shí)現(xiàn)進(jìn)度條的流暢加載
- 進(jìn)度條的漸變消失
遇到的難點(diǎn),踩過的坑
1、進(jìn)度條的位置問題
進(jìn)度條加載完成后消失，是invisible還是gone掉，前者會留下一片空白，后者會讓下邊的webview向上跳一下。有人會說獲取網(wǎng)頁的顏色，然后把進(jìn)度條的顏色換成相對應(yīng)的顏色，這個(gè)太復(fù)雜了。然后仔細(xì)看微信的實(shí)現(xiàn)方案，發(fā)現(xiàn)在相對布局xml中直接把進(jìn)度條放到webview后邊，然后置頂就可以了，加載完畢后就會消失。
2、斷開網(wǎng)絡(luò)狀態(tài)下,錯(cuò)誤攔截狀態(tài)下onProgressChanged還是會從0到100,會出現(xiàn)兩個(gè)進(jìn)度條,解決辦法辦法倒是簡單,當(dāng)時(shí)可是沒想通,斷網(wǎng)居然還走這個(gè)方法.
3、兩種進(jìn)度條加載速度的實(shí)現(xiàn)和進(jìn)度條的流暢加載
流暢加載 ::我這里自定義View來實(shí)現(xiàn)的,通過屬性動(dòng)畫來實(shí)現(xiàn)流暢加載
兩種加載速度 :
這里自定義View里邊設(shè)置方法和方法回調(diào)
兩種加載速度的具體實(shí)現(xiàn)
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
- Android中WebView加載網(wǎng)頁設(shè)置進(jìn)度條
- Android自定義帶進(jìn)度條WebView仿微信加載過程
- Android 實(shí)現(xiàn)帶進(jìn)度條的WebView的實(shí)例
- Android中WebView加載網(wǎng)頁設(shè)置進(jìn)度條
- Android編程實(shí)現(xiàn)WebView添加進(jìn)度條的方法
- Android 帶進(jìn)度條的WebView 示例代碼
- Android Webview添加網(wǎng)頁加載進(jìn)度條實(shí)例詳解
- Android WebView線性進(jìn)度條實(shí)例詳解
- Android中實(shí)現(xiàn)Webview頂部帶進(jìn)度條的方法
- Android WebView實(shí)現(xiàn)頂部進(jìn)度條
相關(guān)文章
文本文件（具有 .txt擴(kuò)展名）廣泛用于持久存儲信息，從數(shù)字?jǐn)?shù)據(jù)到長文本。本文主要為大家介紹了2個(gè)使用此文件類型的Flutter應(yīng)用程序示例，感興趣的可以了解一下2022-04-04
Android使用ViewDragHelper實(shí)現(xiàn)QQ聊天氣泡拖動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了Android使用ViewDragHelper實(shí)現(xiàn)QQ聊天氣泡拖動(dòng)效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-01-01
這篇文章主要介紹了Flutter數(shù)據(jù)庫的使用方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-05-05
這篇文章主要為大家詳細(xì)介紹了Android讀取服務(wù)器圖片的三種方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
這篇文章主要介紹了Android中Service服務(wù),在前面一篇的基礎(chǔ)上進(jìn)一步分析了Android Service的綁定服務(wù)與解綁服務(wù)的相關(guān)使用技巧,需要的朋友可以參考下2016-01-01
Android自定義view實(shí)現(xiàn)水波紋進(jìn)度球效果
在我們的日常開發(fā)中自定義控件還是用的挺多的，設(shè)計(jì)師或者產(chǎn)品為了更好的漂亮，美觀，交互都會做一些牛逼的ui效果圖，但是最后實(shí)現(xiàn)的還是我們程序員啊。所以說 自定義view你還是得會的。2016-08-08
android使用ExpandableListView控件實(shí)現(xiàn)小說目錄效果的例子
這篇文章主要介紹了android使用ExpandableListView控件實(shí)現(xiàn)小說目錄效果的例子,還可以實(shí)現(xiàn)二級列表展示效果,需要的朋友可以參考下2014-07-07
這篇文章主要給大家介紹了在Android上使用grpc的方法教程，文中通過示例代碼給大家詳細(xì)介紹了在android上使用grpc的方法以及可能遇到的種種問題的解決方法，對大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起看看吧。2017-07-07
這篇文章主要為大家詳細(xì)介紹了Android自定義左右或上下滑動(dòng)翻頁效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-12-12
android上實(shí)現(xiàn)0.5px線條的原理分析
這篇文章主要介紹了android上實(shí)現(xiàn)0.5px線條的原理分析,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2021-01-01