萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 谷歌Android UI設計技巧:框架特性

谷歌Android UI設計技巧:框架特性

作者:佚名    責任編輯:admin    更新時間:    2015-10-10 16:09:51

  本系列文章原是Android的官方開發者博客的一份Android UI設計的幻燈片,51CTO的譯者將這份教程5部分進行翻譯整理,希望對Android開發者能有幫助。本文為《谷歌Android UI設計技巧》第三部分:框架特性。

  本文為《谷歌Android UI設計技巧》第三部分:框架特性。

谷歌Android UI設計技巧:框架特性 三聯教程
你絕對應該嘗試的Android UI框架功能
<相關布局>

  注:相對布局和線性布局是Android裡面常用的兩種布局,線性布局比較簡單,而相對布局可以做出比較復雜的布局管理,所以僅僅了解線性布局,很多時候是不夠的。不過以作者之前Qt的經驗來看,Android裡面的布局管理功能都比較陽春也不太容易使用,不過這可能是跟移動平台的性能考量有關系。

所有資源都包含在一個.apk文件當中、系統在運行時選擇哪些資源需要被調用

  注:最常用的修飾符可能是locale修飾符(制作多語文本),dpi修飾符(為不同密度的屏幕制作不同尺寸的圖標和皮膚),orientation修飾符(為橫屏和豎屏提供不同的UI布局)。如果系統找不到對應的修飾符版本,它就會選擇無修飾符的版本,這個版本通常也是所謂的默認選擇。

 9-補丁使foo.9.png支持拖拽操作:類似於CSS3 的border圖像、可拉伸區域以border像素顯示、同時支持 –mdpi及 –hdpi顯示效果!

  注:drawables 在 Android 裡面跟 WPF 裡面的 Drawing 類似,用於定義一個可繪制的對象,包括位圖,刷子,填充顏色或者以上物件的組合等等。所謂 9-patch drawables,就是將一個 drawable 按照定義的 4 個邊緣的寬度大小切割成9個區域,包括4個角落,4條邊緣和一個中心區域,當把這個 drawable 繪制到一個任意矩形區域時,drawable 的各個區域有不同的拉伸控制(角落不拉伸,橫邊橫向拉伸,豎邊豎向拉伸,中心區域橫豎向都拉伸)。通常使用 9-patch drawable 一般是為了繪制出比較漂亮的帶圓角背景,這樣可以避免圓角及邊緣被任意拉伸導致變形。當然,如果你的程序裡面繪制的圖像和目標區域大小完全一樣,就不需要那麼麻煩,不過以 Android 的狀況來說,為了適應多種設備,最好不要事先假設目標區域的像素大小。

選擇器(狀態列表)支持拖拽操作
選擇器(狀態列表)支持拖拽操作
由XML 與PNG構成的圖層支持拖拽操作
由XML 與PNG構成的圖層支持拖拽操作:渲染結果輸出(通過w/9補丁可對尺寸進行調整)

  注:所謂多層疊加,使用PS來制作圖標和皮膚的同學可能都清楚,比如說一個按鈕的PS模板通常會包括所謂的background層定義底色,mask層定義輪廓,shine層定義前景的高亮效果。而 Android 裡面允許你直接在 XML 腳本裡面使用 Layer drawables 的語法來定義上述的多層疊加效果,這樣可能比在PS裡面直接做好要更靈活一些,並且有的層可以是來自png位圖,有的層可以是直接通過 XML 腳本生成(比如純色,過渡色等等)。

  文章來源:51CTO 轉載請注明出處鏈接。

        系列文章:

        谷歌Android UI設計技巧:該做的和不該做的

        谷歌Android UI設計技巧:優秀UI設計准則

copyright © 萬盛學電腦網 all rights reserved