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