• Android Video Tutorials

Android - UI 模式



本章我們將探討 Android 提供的各種 UI 模式,用於設計行為一致且可預測的應用程式。

UI 模式元件

一個優秀的 Android 應用應該遵循以下 UI 模式:

  • 操作欄 (Action Bar)
  • 確認和告知
  • 設定
  • 幫助
  • 選擇

現在我們將詳細討論上述 UI 模式。

操作欄 (Action Bar)

操作欄是每個螢幕頂部專用的欄,通常在整個應用程式中持續存在。它提供了一些關鍵功能,如下所示:

  • 使重要操作突出且易於訪問
  • 支援應用程式內一致的導航和檢視切換
  • 透過為很少使用的操作提供操作溢位選單來減少雜亂
  • 提供專用空間來賦予您的應用程式標識

操作欄元件

操作欄有四個主要元件,如下圖所示。

Anroid UI Patterns Tutorial

這些元件的名稱和功能將在下面討論:

序號 操作欄元件
1

應用圖示

應用圖示確定您應用的標識。如果需要,可以用不同的徽標或品牌標識替換它。

2

檢視控制元件

如果您的應用以不同的檢視顯示資料,則操作欄的此部分允許使用者切換檢視。

3

操作按鈕

在操作部分顯示應用最重要的操作。

4

操作溢位

將不太常用的操作移動到操作溢位選單。

確認和告知

當用戶在應用的 UI 上呼叫操作時,最好透過吐司或對話方塊來確認告知該操作。

確認和告知之間存在區別。

確認

當我們要求使用者驗證他們是否確實想要繼續執行他們剛剛呼叫的操作時,這稱為確認。如下圖所示:

Anroid UI Patterns Tutorial

告知

當我們顯示一個吐司來讓使用者知道他們剛剛呼叫的操作已完成時,這稱為告知。如下圖所示:

Anroid UI Patterns Tutorial

設定

應用中使用者可以指示其對應用行為偏好的位置稱為“設定”。使用設定可以使您的應用使用者受益,方法如下:

  • 設定幫助使用者預先確定某些情況下會發生什麼

  • 在您的應用中使用設定有助於使用者感到掌控

設定位置

Android 開發者更傾向於始終將“設定”選項作為上面提到的操作溢位選單的一部分。由於使用者不經常使用此選項,因此常見的做法是將其放在所有其他專案下方,但“幫助”除外。如下圖所示:

Anroid UI Patterns Tutorial

幫助

一些應用使用者在使用您的應用時可能會遇到一些困難,他們會尋找一些答案,並且希望在應用內找到答案。因此,始終使“幫助”成為您應用的一部分。

幫助位置

與“設定”類似,“幫助”選項的標準設計位於操作溢位選單中。始終將其作為選單中的最後一項,並始終將其標記為“幫助”。即使您的應用螢幕沒有其他操作溢位選單項,“幫助”也應顯示在那裡。如下圖所示:

Anroid UI Patterns Tutorial

選擇

Android 3.0 版本將長按手勢更改為全域性手勢以選擇資料。長按手勢現在用於選擇資料,並將所選資料的上下文操作和選擇管理功能組合到一個名為上下文操作欄 (CAB) 的新元素中。

使用上下文操作欄 (CAB)

選擇 CAB 是一個臨時操作欄,在選擇資料時會覆蓋您應用的當前操作欄。在使用者長按可選擇資料項後出現。如下圖所示:

Anroid UI Patterns Tutorial

使用者可以透過 CAB 欄執行以下操作:

  • 透過觸控選擇其他資料項
  • 觸發 CAB 中對所有突出顯示的資料項都適用的操作
  • 透過導航欄的“後退”按鈕或 CAB 的複選標記按鈕關閉 CAB
廣告