分頁圖示是圖形元素，用來代表多分頁介面中的個別分頁。每個分頁圖示都有兩種狀態：未選取和已選取。
如「提供密度專屬圖示集」所述，請為低、中和高密度螢幕分別建立圖示集。以確保圖示在可安裝應用程式的各類裝置上正確顯示。如需如何使用多組圖示的相關建議，請參閱「設計人員使用提示」。
最終圖片必須匯出為透明的 PNG 檔案，請勿加入背景顏色。
您可以在圖示範本套件中找到在 Adobe Photoshop 建立圖示的範本。
警告：在 Android 2.0 版中，分頁圖示的樣式與先前版本有大幅變更。如要為所有 Android 版本提供支援，開發人員應採取下列做法：
1. Android 2.0 以上版本的位置分頁圖示，會放在 drawable-hdpi-v5、drawable-mdpi-v5 和 drawable-ldpi-v5 目錄中。
2. 將先前版本的分頁圖示放在 drawable-hdpi、drawable-mdpi 和 drawable-ldpi 目錄中。
3. 請在應用程式資訊清單中，將 <uses-sdk> 中的 android:targetSdkVersion 設為 5 以上。這會通知系統使用新分頁樣式算繪分頁。
提供兩個分頁狀態的圖示
分頁圖示應會顯示兩種狀態：「未選取」和「已選取」。如要提供多個狀態的圖示，開發人員必須為每個圖示建立狀態清單可繪項目，也就是一個 XML 檔案，列出不同 UI 狀態要使用的圖片。
舉例來說，如果是包含「好友」和「同事」分頁的分頁小工具，您可以使用類似下方的目錄結構：
res/...
drawable/...
ic_tab_friends.xml
ic_tab_coworkers.xml
drawable-ldpi/...
ic_tab_friends_selected.png
ic_tab_friends_unselected.png
ic_tab_coworkers_selected.png
ic_tab_coworkers_unselected.png
drawable-mdpi/...
ic_tab_friends_selected.png
ic_tab_friends_unselected.png
ic_tab_coworkers_selected.png
ic_tab_coworkers_unselected.png
drawable-hdpi/...
...
drawable-ldpi-v5/...
...
drawable-mdpi-v5/...
...
drawable-hdpi-v5/...
...
上述 XML 檔案的內容應參照對應及未選取的圖示可繪項目。例如，ic_tab_friends.xml 的程式碼如下：
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<!-- selected state -->
<item android:drawable="@drawable/ic_tab_friends_selected"
android:state_selected="true"
android:state_pressed="false" />
<!-- unselected state (default) -->
<item android:drawable="@drawable/ic_tab_friends_unselected" />
</selector>
Android 2.0 至 Android 2.3 版本
下列準則說明如何針對 Android 2.0 至 Android 2.3 (API 級別 5 至 10) 設計分頁圖示。
大小和位置
分頁圖示應使用簡單的形狀和形式，而這些圖示必須縮放及置於最終素材資源中。
圖 1 說明在素材資源內放置圖示的各種方式。圖示應小於素材資源的實際邊界。
為了指出圖示的建議大小，圖 1 中的每個範例都含有三個不同的引導矩形：
- 紅色方塊是整個資產的定界框。
- 藍色方塊是實際圖示的建議定界框。圖示方塊的大小小於完整素材資源方塊，以便處理特殊的圖示。
- 當內容為正方形時，橘色方塊是實際圖示的建議定界框。正方形圖示的方塊較小，因此在兩種類型間形成一致的視覺粗細。
|
|
|
|
|
|
|
圖 1：分頁圖示在圖示素材資源的邊界內調整大小和位置。 |
樣式、色彩和特效
分頁圖示是平坦、霧面和已拍照的正面照。
分頁圖示應具有兩種狀態：已選取和未選取。
|
圖 2. 未選取的分頁圖示的樣式和效果。 注意：所有像素尺寸皆為中密度，且應針對其他密度適當縮放。
|
|
圖 3. 所選分頁圖示的樣式和效果。 注意：所有像素尺寸皆為中密度，且應針對其他密度適當縮放。
|
注意事項
為應用程式建立分頁圖示時，請參考以下幾個「正確與否」範例。
圖示範例
以下為 Android 平台使用的標準高密度分頁圖示。
警告：這些資源可能會在平台版本之間切換，因此請勿參照系統的資源副本。如果您想使用任何圖示或其他內部可繪製資源，建議您將圖示或可繪項目的本機副本儲存在應用程式資源中，然後參照應用程式程式碼中的本機副本。如此一來，即使系統的複製變更，您仍可控制圖示的外觀。請注意，下表僅列舉部分例子，並未包含所有可能情況。
Android 1.6 以下版本
下列準則說明如何針對 Android 1.6 (API 級別 4) 以下版本設計分頁圖示。
結構
- 未選取的分頁圖示的填滿漸層和效果與選單圖示相同，但不會出現外光暈。
- 所選分頁圖示看起來與未選取的分頁圖示一樣，但會套用淡入效果的內部陰影，並具有與對話方塊圖示相同的前部分漸層。
- 分頁圖示具有 1 像素的安全頁框，因此應該僅與圓形形狀的反鋸齒重疊。
- 本頁指定的所有尺寸都是以 32x32 像素的畫板大小為根據。 在 Photoshop 範本的定界框周圍保留 1 像素的邊框間距。
|
圖 3. 未選取的分頁圖示使用安全頁框和填滿漸層。圖示大小為 32x32。 |
|
圖 4 所選狀態中分頁圖示的安全頁框和填滿漸層。圖示大小為 32x32。 |
未選取的分頁圖示
光、效果和陰影
未選取的分頁圖示看起來與所選分頁圖示相似，但會加上淡入效果的內部陰影，以及與對話方塊圖示相同的前部分漸層。
|
圖 5 未選取的分頁圖示的淺色、效果和陰影。
|
逐步操作說明
|
已選取的分頁圖示
所選分頁圖示的填滿漸層和效果與選單圖示相同，但沒有外部光暈。
|
圖 6 適用於所選分頁圖示的淺色、效果和陰影。
|
調色盤
|
逐步操作說明
|
