分頁圖示是圖形元素，用來代表多分頁介面中的個別分頁。每個分頁圖示都有兩個狀態：未選取和已選取。
如提供 像素密度專屬圖示集，您應該為低、 例如 中、高密度螢幕確保圖示可以顯示 以便在所有可安裝應用程式的裝置上正常安裝。 請參閱給設計人員的秘訣 取得有關如何使用多組圖示的建議。
最終圖片必須匯出為透明的 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.將 android:targetSdkVersion 中的 android:targetSdkVersion 設為 5 以上，
<uses-sdk>
，在應用程式資訊清單中定義。
這會告知系統，應使用新分頁樣式轉譯分頁。
提供兩個分頁狀態的圖示
分頁圖示應顯示兩個狀態：未選取和已選取。提供圖示 有多個狀態，開發人員必須建立 州 為每個圖示列出 drawable，這是列出指定圖片的 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. 所選分頁圖示的樣式和效果。 注意：所有像素尺寸都適用於中密度，因此必須針對其他密度適當縮放。
|
注意事項
下文將說明注意事項建立分頁圖示時需要考慮的幾個範例 應用程式
範例圖示
下圖是 Google Android 平台
警告： 這些資源會因平台版本而異 不得參照系統資源副本。如果您想 使用任何圖示或其他內部可繪製資源，則應儲存 在應用程式資源中取得這些圖示或可繪項目的本機副本， 然後從應用程式程式碼中參照本機複本。如此一來 能隨時掌控圖示的外觀， 複製變更請注意，下方格線並不完整。
Android 1.6 以下版本
下列指南說明如何設計 Android 應用程式的分頁圖示 1.6 (API 級別 4) 以下版本。
結構
- 未選取的分頁圖示與 選單圖示 但沒有外光。
- 所選分頁圖示看起來與未選取分頁圖示的外觀相似，不過有加上淡出的圖示 而且前置部分漸層相同 對話方塊圖示。
- 分頁圖示具有 1 px 的安全框，只應與邊緣重疊 也就是圓形的反鋸齒
- 本頁中指定的所有尺寸均以 32x32 像素的畫板大小為依據。 讓 Photoshop 範本的定界框周圍保持 1 像素的邊框間距。
|
圖 3. 未選取分頁的安全框和填滿漸層 圖示。圖示大小為 32x32。 |
|
圖 4在 系統就會選取狀態圖示大小為 32x32。 |
未選取的分頁圖示
光線、特效和陰影
未選取的分頁圖示看起來與所選分頁圖示相似 「淡出」內陰影，以及與對話方塊圖示相同的前端漸層。
|
圖 5. ：未選取時的亮度、特效和陰影 分頁圖示。
|
逐步說明
|
所選分頁圖示
所選分頁圖示的填滿漸層和效果與選單相同 但沒有外光的光暈
|
圖 6所選分頁的亮度、特效和陰影 圖示。
|
調色盤
|
逐步說明
|
