格式化

廣告

廣告2

2013年3月10日 星期日

[Android UI 設計] 基本觀念


與設計任何視窗程式一樣,開發Android UI時,也必須針對視窗元件進行版面配置的動作。還必須考量到使用者認知的問題,例如:當使用者欲刪除重要資料時,畫面應該要跳出「再確認」的視窗;而不常使用的功能元件,是不是該擺放在選單〈Menu〉內;而常使用的功能元件,是不是該擺放在上面?   或是擺放在〈TabHost〉內。設計一個合適的Android UI設計,不僅可以增加美觀性,同時也增加使用效率,吸引更多的使用者來使用你的程式喔!

使用者跟電腦互動的畫面通常稱為UI(User Interface,使用者介面)。 一個Android程式的UI元件可以分成widgetlayout兩大類,而它們都是繼承至「android.view.View」類別。跟UI有關的大部分類別都放在「android.widget」套件裡面。

  • Widget:已經是UI最基本單位;所以不能在這類元件再放入其他的元件。這與Layout元件內還可以再放置其他元件的特性截然不同!例如:ButtonEditTextImageView等。
  • Layout:類似JAVAJFrame;像一個容器一樣可以再放置其他的widgetlayout元件。例如:LinearLayoutRelativeLayoutTableLayout等。

Android UI 設計是使用XML來描述的,我們一般都俗稱XML檔案為Layout檔案。雖然AndroidUI元件也可以像C#那樣在程式碼內建立,不過真的是除非特殊情形,否則強烈建議將跟UI有關的程式碼全部抽離單獨放在Layout檔案內,以符合MVC架構,方便日侯維護

以往不管是哪種視窗程式的UI設計,大概都只有一種布局方式,就是直接使用X、Y軸來定位。雖然這種做法的好處顯然易見,位置可以很精準、初學者也容易上手易懂,可是一但遇到解析度不同的手機螢幕時,就會凸顯AbsoluteLayout不足的地方。所以Android提供滿多不同的Layout來達到版面布局的功能,之後會慢慢介紹。


沒有留言 :