Android教程網
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> 關於Android編程 >> Android切圖注意事項

Android切圖注意事項

編輯:關於Android編程

Android切圖注意事項

1. 切圖需要兩套分辨率的圖:480*800,720*1280。分被放在不同的文件夾中,同一張圖片,在兩個文件夾中的名字要一致。

2. 如遇到可拉伸可平鋪的圖片,使用9Patch進行制作,產生xxx.9.png圖片即可,優點:靈活度大,可復用,程序包大小減少,增加程序運行效率。(比如Button的背景)

3. 出圖建議順序:以每一個頁面作為單位進行出圖,可以方便程序開發工作。

(有重復頁面,重復圖,不再切?)重復不再切

4. 按鈕:對於按鈕Button需要給以下狀態的圖:Focus聚焦狀態(一般是軌跡球選中)(命名規則:btn_xxx_focused.9.png),UnFocus一般狀態(命名規則:btn_xxx_normal.9.png),Click點擊狀態(點擊時狀態)(命名規則:btn_xxx_pressed.9.png)。一般情況下,Focus圖片和Click是一樣的。5. 列表:對於列表項ListItem需要給以下狀態的背景圖:Focus聚焦狀態(一般是軌跡球選中),UnFocus一般狀態,Click點擊狀態(點擊時狀態)。

6. Menu:對於所有Menu鍵點擊的彈出的菜單,需要給圖標圖片。

(也是3種尺寸?)兩種即可

7. 切圖時考慮頂部通知欄,480*800的頂部通知欄按30px考慮,720*1280按50px考慮

8. 標注:需要給所有元素的寬,高,相互邊距(左,右,上,下)像素,文字顏色值。

AndroidApp切圖示例:

在做android版本設計的時候,尺寸有很多種,這時我們要以一種尺寸為基准,那這個基准尺寸是480px*800px,設計圖完成之後就開始切圖了,我拿我之前設計的一張圖為例子講解下:

\

  當看到上邊這張設計圖的時候,我們首先分析下應該給技術切哪些圖(為了避免以後少改動,建議切圖之前最好和技術先溝通下,怎麼切);<喎?/kf/ware/vc/" target="_blank" class="keylink">vcD4KPHA+IDwvcD4KPHA+MaGitdeyv8C4xL+1xGljb266zbGzvrCjujwvcD4KPHA+IDwvcD4KPHA+IDxpbWcgc3JjPQ=="/uploadfile/Collfiles/20140723/2014072309054677.jpg" alt="\">

  這個一般有2種切法:(有默認和選中之後的效果)

\

2、頂部欄目的背景切圖:

\

  由於頂部導航欄的是漸變樣式,所以切圖只需要切一小條,技術來平鋪拉伸就可以——(PS:如果是花紋背景,就必須切整條了,因為花紋切一小條就會被拉伸了——)

3、標注文字大小和行間距:(以這張圖為例子,我標注好了,請看下圖)

源文檔下載

  1. 上一頁:
  2. 下一頁:
熱門文章
閱讀排行版
Copyright © Android教程網 All Rights Reserved