iT邦幫忙

DAY 8
1

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

從無到有-實戰Android系統開發-系統分析(2)

  • 分享至 

  • xImage
  •  

系統分析-如何由系統運作的流程分析出系統介面及功能。
根據系統架構圖,我們就可以依需求分析的功能及假想一下系統的操作介面,就是先做出一個Prototyping,給客戶確認一下,是不是可以符合客戶的需求。而做Prototyping,可以在白板、圖紙上直接畫出來。

不過,現在的電腦科技發達,也可以用Microsoft Visio來畫草圖,在網路上搜尋有關這方面的資訊。我們找到一個在Visio上有關Android GUI的樣板。請參考網站(http://www.artfulbits.com/Android/Stencil.aspx),去下載可在Visio上使用的樣板檔案。到時候就可以利用Visio進行Android GUI Prototyping。下載前需要填寫個人資料,該網站就會寄下載地址到你的e-mail ,以便進行檔案下載。

後續有關設計的畫面,全部都是用Visio來拉的。來表現出此工具的便利性。此工具也預計在2.0的版本,增加匯出成XML檔案的功能。

順便,介紹一個方便的小工具DroidDraw,是一個可以讓我們在設計Android介面的好工具,在Eclipse的開發介面沒有提供類似其他開發工具那樣,可以直接拖曳物件的功能,所以,有人就用Java寫了類似的工具,幫助Android的開發人員可以比較直覺的方式來拖曳物件,完成Android的介面。

首先,在連到DroidDraw的網頁(參考網址如下:http://www.droiddraw.org/ ),就會直接出現可以編輯的畫面,如圖6所示。在編輯畫面,可以先設定畫面的層次及螢幕的尺寸。可以選取的選項,如下所述:

Root Layout(畫面層次):Absolute Layout、Linear Layout、Relative Layout、Scroll View、Table Layout

Screen Size(螢幕尺寸):QVGA Land scape、QVGA Portrait、HVGA Land scape、HVGA Portrait


圖6

可以拖曳物件到編輯畫面上,再選取要編輯的物件,在右上方的視窗,切換到Properties(屬性頁籤)來設定此物件的屬性。編輯好介面後,在右下方,按下「Generate」按鈕來產生對應的XML內容,如圖7所示。
下一步就可以將這個XML內容選取後,複製到Eclipse的介面XML檔案。


圖7


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

尚未有邦友留言

立即登入留言