多圖詳解 “Android UI”設(shè)計官方教程(二)
編者注：本文為Android的官方開發(fā)者博客發(fā)了一份幻燈片的翻譯文檔的第二部分，專門介紹了一些Android UI設(shè)計的小貼士，我們在介紹這個幻燈片的第一部分《多圖詳解 “Android UI”設(shè)計官方教程》之后很多朋友都在等待第二部分，我們第一時間為大家提供本文的翻譯文檔，希望大家喜歡。
想了解全部Android UI教程內(nèi)容請點擊51CTO獨家專題：谷歌官方教程:Android UI設(shè)計技巧
Android UI 框架特性
你必須了解（使用）的 UI 框架特性。
使用相對布局管理界面元素。
譯者注：相對布局和線性布局是Android里面常用的兩種布局，線性布局比較簡單，而相對布局可以做出比較復(fù)雜的布局管理，所以僅僅了解線性布局，很多時候是不夠的。不過以作者之前Qt的經(jīng)驗來看，Android里面的布局管理功能都比較陽春也不太容易使用，不過這可能是跟移動平臺的性能考量有關(guān)系。
#p#
合理使用資源修飾符
使用資源修飾符來修飾同一套資源的多個不同版本。
◆一個apk包里面會包含所有的資源文件。
◆系統(tǒng)在運行時會根據(jù)軟硬件環(huán)境來自動選擇相應(yīng)修飾符版本的資源。
譯者注：最常用的修飾符可能是locale修飾符（制作多語文本），dpi修飾符（為不同密度的屏幕制作不同尺寸的圖標(biāo)和皮膚），orientation修飾符（為橫屏和豎屏提供不同的UI布局）。如果系統(tǒng)找不到對應(yīng)的修飾符版本，它就會選擇無修飾符的版本，這個版本通常也是所謂的默認(rèn)選擇。
#p#
9-patch drawables
使用 9-patch drawables – foo.9.png
◆9-patch drawables 的語法跟CSS3 border image 類似
◆根據(jù)邊緣的像素寬度切割出不同的拉伸區(qū)域
◆最好同時提供 mdpi 和 hdpi 的版本
譯者注：drawables 在 Android 里面跟 WPF 里面的 Drawing 類似，用于定義一個可繪制的對象，包括位圖，刷子，填充顏色或者以上物件的組合等等。所謂 9-patch drawables，就是將一個 drawable 按照定義的 4 個邊緣的寬度大小切割成9個區(qū)域，包括4個角落，4條邊緣和一個中心區(qū)域，當(dāng)把這個 drawable 繪制到一個任意矩形區(qū)域時，drawable 的各個區(qū)域有不同的拉伸控制（角落不拉伸，橫邊橫向拉伸，豎邊豎向拉伸，中心區(qū)域橫豎向都拉伸）。通常使用 9-patch drawable 一般是為了繪制出比較漂亮的帶圓角背景，這樣可以避免圓角及邊緣被任意拉伸導(dǎo)致變形。當(dāng)然，如果你的程序里面繪制的圖像和目標(biāo)區(qū)域大小完全一樣，就不需要那么麻煩，不過以 Android 的狀況來說，為了適應(yīng)多種設(shè)備，最好不要事先假設(shè)目標(biāo)區(qū)域的像素大小。
#p#
使用狀態(tài)列表和多層疊加來制作具備復(fù)雜效果的可繪制圖像
使用 Selector (state list) drawables （狀態(tài)列表）來提供不同狀態(tài)（normal，disabled，focused，pressed…）下的繪制圖像。
使用 Layer drawables （多層疊加）來制作具備復(fù)雜效果的可繪制圖像。
譯者注：所謂多層疊加，使用PS來制作圖標(biāo)和皮膚的同學(xué)可能都清楚，比如說一個按鈕的PS模板通常會包括所謂的background層定義底色，mask層定義輪廓，shine層定義前景的高亮效果。而 Android 里面允許你直接在 XML 腳本里面使用 Layer drawables 的語法來定義上述的多層疊加效果，這樣可能比在PS里面直接做好要更靈活一些，并且有的層可以是來自png位圖，有的層可以是直接通過 XML 腳本生成（比如純色，過渡色等等）。
【編輯推薦】
