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

根據系統架構圖，我們就可以依需求分析的功能及假想一下系統的操作介面，就是先做出一個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