iT邦幫忙

DAY 24
5

從無到有-實戰Android系統開發系列 第 24

從無到有-實戰Android系統開發-程式實戰(3)

  • 分享至 

  • xImage
  •  

程式實戰-如何由系統分析出來流程,來進行程式的撰寫過程,要提出重要的地方來說明分析。
接下來,當我們順利的開啟一個新的專案後,接著就是要設計使用者介面了。首先,在Eclipse的平台上,打開「Demo3」專案中的「res/layout/main.xml」檔案,就會先看到目前檔案的預覽畫面(就是在Layout預設的頁標籤),如圖26所示。接著我們來切換到另一個main.xml的頁標籤來看XML格式的文件,如圖27所示。


圖26

在Android平台上,使用者介面都是透過「View Group」或「View」類別來顯示。有關「View Group」或「View」類別,可以參考http://developer.android.com/guide/tutorials/views/index.html 的範例及說明。
Android提供非常豐富而多樣的介面元件,主要可以分成三種類型:
1.顯示介面類型(例如:文字框、按鈕、輸入欄位等):如圖26上面的Views當中的元件。
2.版面配置類型(例如:各種不同的Layout、Tab、List等):如圖26上面的Layouts當中的元件。

在Eclipse上,如圖26的畫面,目前,可以從Views或Layouts的視窗中,拖曳元件,拉到預覽畫面。而可以直接來設計介面。切換到「main.xml」的頁標籤來看XML格式的文件內容,如圖27所示。

基本上,就跟XML元素一樣,有開始的「<」符號就有結束的「>」符號。例如:一個文字顯示的元件在XML標籤表示方式為<TextView/>,包含在裡面的資料就是它的屬性設定,例如:
寬度設定:android:layout_width="fill_parent"
高度設定:android:layout_height="wrap_content"
文字內容設定:android:text="@string/hello"
等屬性的設定。


圖27

Tip 1:在Eclipse平台,選取選單「Source」中的「Format」選項,可以整理main.xml檔案裡面的XML資料。


上一篇
從無到有-實戰Android系統開發-程式實戰(2)
下一篇
從無到有-實戰Android系統開發-程式實戰(4)
系列文
從無到有-實戰Android系統開發30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言