2011年4月8日 星期五

[Android] 利用XML來呈現Android的畫面

要設計Android的畫面有兩種方式:
一種是仿間書本都會教的第一招,利用xml來寫畫面。
二種則是用java來寫,透過class繼承view這個類別來達成。

目標:
1.介紹利用xml來呈現Android手機的畫面的編輯平台、
2.ADT for Eclipse的方便性、
3.以及如何讓軟體能夠符合多種size的螢幕。

Project->res資料夾->layout資料夾,就是我們放xml檔的地方。
中下處選擇Graphical Layout,就會以圖形的方式呈現畫面,元件的使用在ADT for Eclipse也做的非常方便,palette內就可以選擇你想要的元件。例如layouts是包含各種的排版方式,拖曳到畫面上就可以使用了。

上方的下拉選單,可以呈現出你現在layout在不同size的螢幕下會是怎樣的情況,當然要做到一次符合每個size的layout是有點困難(當然還是有辦法,後半會說到),Portrait是表示為直的顯示方式,Theme我還不是很清楚,但似乎可以選擇畫面是沒有大部分手機上常出現的狀態列,再來是選擇你layout的版本,目前是Android2.1-update1。

ADT強大的地方就在你不用一直透過程式碼來改變元件位置,例如此圖就是在RelativeLayout的layout下還是可以透過滑鼠來排版。

元件layout的高度、寬度,也可以透過右鍵選項中方便的勾選,或是點擊other來輸入數值。

元件的Properties也可以透過直接勾選的方式設置,跟之前的ADT比較起來,你可以更快速簡單的選擇你要更改的參數。

若不想透過視覺化的環境來調整介面,只要下方選擇main.xml就可以看到程式碼的部分,雖然ADT提供的環境很方便,但是更改xml code才應該是程式人員的基本功。



如何讓軟體符合多種的螢幕大小?
若是你今天要做符合多種螢幕size的軟體,可以在res資料夾下新增一個"layout-數字x數字"的資料夾,當程式在手機上運行時,會自動選擇符合他size的layout。


例如現在新增一個跟我desire一樣size的"layout-480x800"。當然你其他layout有的檔案這裡也要




沒有留言:

張貼留言