免學程式設計、自製手機 App,活用 iBuildApp 進行設計、編修和上架

創建App使用者介面

在開始建立一個App之前,首先要決定的,就是App的屬性,不同類型的App,所應用的介面也會不同,像是音樂類型的App介面理應與電子書App不同,若範本市集內找不到適合的介面範本,你也可以自行創建。

Step 1

進到My Templates頁面,點選+號按鈕新增範本,之前已經建過的範本,亦可在此頁面查詢並編修。 

免學程式設計、自製手機 App,活用 iBuildApp 進行設計、編修和上架

Step 2

替新建範本命名後,就可進到介面設計的主畫面,點選手機螢幕,右方欄位可設定背景,有內建圖片,或自行上傳圖片等選項,決定後按下Apply changes。 

免學程式設計、自製手機 App,活用 iBuildApp 進行設計、編修和上架

Step 3

左方欄位UI Library是建立使用者介面的工具箱,用拖曳方式拖至手機螢幕,即會出現對應的設定選項,可調整按鈕及字體大小。 

免學程式設計、自製手機 App,活用 iBuildApp 進行設計、編修和上架

Step 4

UI Library下方的Menu,是用來增加App介面底部的功能選單,右側可選擇對應的功能圖示,最多可擺放5個。

免學程式設計、自製手機 App,活用 iBuildApp 進行設計、編修和上架

Step 5

當你的App範本設計完成後,你還可以選擇是否要發佈到公開的範本市集中,提供給其他網站會員套用。

免學程式設計、自製手機 App,活用 iBuildApp 進行設計、編修和上架

(後面還有:動手實作App)

小治
作者

《PC Home 電腦家庭》雜誌及 T 客邦網站編輯。負責遊戲類型新聞及評析、軟體應用教學及企劃撰寫、電腦相關周邊硬體測試,以及打雜…

使用 Facebook 留言
發表回應
謹慎發言,尊重彼此。按此展開留言規則