日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

android中常用的下拉刷新加载更多_如何设计“加载流程”

發布時間:2024/10/12 编程问答 30 豆豆
生活随笔 收集整理的這篇文章主要介紹了 android中常用的下拉刷新加载更多_如何设计“加载流程” 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
為什么要處理“加載”狀態
在頁面拉取數據、或提交某些數據時,需要一定的時間來等待服務端返回結果。如果不處理加載,用戶可能會看到一片空白,以為你的軟件出錯;或者因沒有建立心理預期,被突然出現的內容嚇到。所以,你可以利用這段時間來降低用戶的焦慮情緒、讓用戶對即將出現的內容有一定的預期。這就是處理“加載”狀態的意義。

在交互設計階段,經常會遇到需要處理“加載”的情況,接下來我從兩方面來講解下如何快速設計“加載”這件事:


“加載”的流程是怎樣的

要處理加載狀態,必須要理解整個加載流程,這4個狀態必須要搞懂:

  • 【觸發】:即自動進行加載,或者點擊某個按鈕后進行的加載,這個觸發行為要明確;
  • 【加載中】:這個就是出現一個loading,一般就是執行一個動畫。看似簡單,但這個不一定每個人都能處理好,一會兒會細說;
  • 【加載成功】:成功后的行為,通常會顯示具體內容,或者進入某個頁面或流程,這在交互設計文檔中要明確標注;
  • 【加載失敗】:有成功就有失敗,失敗的處理往往考驗交互設計師的邏輯完整性。在此狀態下應給與“重新加載”的機制。

所以你的交互流程必須涵蓋這四點,這樣一個基本的設計思路就有了。


“加載”應該怎樣分類

經常有人分為【全局加載 / 局部加載】,這種分類方式是片面的,在我看來不夠好。【全局】本身包含了【局部】這個概念,且到底多大算”局部“,全頁面算不算一個“大局部”,用起來容易混淆。

經過實踐,應以使用場景來為“加載”進行分類,分別是:

  • 內容加載
  • 模態加載
  • 上拉/下拉加載

內容加載

無論是整頁內容的加載,或是局部內容的加載,均屬于這類,整體流程如下圖:

整頁內容的加載示意

局部內容的加載示意

一般進入頁面會自動觸發,在加載時,允許用戶進行其他操作(如返回);加載成功時,顯示對應的內容;加載失敗時,可以點擊按鈕進行重新加載。

現在流行的框架圖,是一種加載形式上的演進,好處是讓用戶對接下來出現的內容有預期,但本質上仍然是內容的加載:

框架圖占位-本質上是一種加載形式的演進

模態加載

應用場景一般是點擊某個按鈕后,此時需要和服務端進行交互,且需等待服務端返回結果,這個過程會消耗一定時間,此時需明確告知用戶:

一個典型的表單提交流程

使用模態加載時,典型的觸發時機是點擊某個按鈕;在加載中的時候,一般不允許用戶進行操作,會出現蒙層將頁面整體遮擋(這個蒙層可以是黑色半透明,也可能是全透明的,視覺效果不同而已);

也有部分APP在loading時帶個關閉操作,如百度地圖、高德地圖,可以臨時關閉loading動畫,來讓用戶重新獲取對APP的控制;但只要設置好loading的超時時間,一般不需要此關閉按鈕。

加載成功時,會視業務流程而進入其他頁面;加載失敗時,一般會彈出toast進行提示,用戶可以點擊按鈕再次進行加載。

上拉/下拉加載

這是一種帶有交互手勢的加載行為,其實和點擊某個按鈕進行加載沒有本質區別。Twitter最先開始使用“下拉加載”,慢慢的變為行業內的標準行為,以至于影響用戶的習慣。

這個交互最應關注的是【觸發機制】,以“下拉加載”為例,它包含3個過程:

  • 開始下拉,直到一個閾值;
  • 達到閾值后,松手進行加載;
  • 加載成功或失敗后,收起此控件。
  • 加載過程中,可以使用一些富有創意的動畫,來突顯品牌形象;加載成功時,頁面內容進行刷新;加載失敗時,一般會進行toast提示。

    這個例子比較多,大家隨便找找常用的APP,都能發現一些使用場景,我這里就不舉例了。


    需要注意的問題

    • 加載類型不要混用,有不少APP為了省事,在應該使用全頁面的【內容加載】時,反而使用了【下拉加載動畫】進行替代,這有時會導致一些莫名其妙的問題。

    比如有一個長列表,每次刷新都使用下拉加載動畫,用戶已將列表滾動了一段距離,在數據刷新后列表可能會被重置在頂部,讓用戶之前滾動操作失效。

    • 涉及到圖片的加載流程,會有兩次網絡請求:第一次會詢問服務端“是否有圖片”,如果有圖片,那么第二次會根據服務端返回的地址,再去拉取圖片資源。

    這種情況下,一般在第一次請求時不建議出現局部loading,因為圖片可能會不存在。在確認圖片存在后,會使用占位圖(一般是個灰底圖片,占位用的)來等待第二次的返回結果。當然,這也要視具體場景而設計。

    • 全文只描述了“加載”這一種場景,完善的加載流程也需要考慮到“刷新機制”及“緩存策略”(如X秒自動刷新數據、提前緩存數據以減少加載時間等),這里就不展開講了,感興趣的同學可以自行搜索“加載、刷新、緩存”三者的聯系。

    以上,希望能幫助到你。

    總結

    以上是生活随笔為你收集整理的android中常用的下拉刷新加载更多_如何设计“加载流程”的全部內容,希望文章能夠幫你解決所遇到的問題。

    如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。