Page 14 - ePF202_AppInventor2應用程式設計_課本PDF
P. 14
2 App Inventor 2 應用程式設計
1-1 使用者介面設計
我們在撰寫手機程式之前，必須要先了解每一支 App Inventor 程式都是
由兩個部分組合而成，分別為「介面」及「程式」。因此，必須要完成以下
五大步驟：
步驟 1 從「元件群組區」加入元件到「手機畫面配置區」
Designer 模式 步驟 2 在「專案所用的元件區」修改「選取元件」的元件名稱
( 介面設計 )
步驟 3 在「元件屬性區」設定「選取元件」的屬性之屬性值
步驟 4 撰寫拼圖程式
Blocks 模式
( 程式設計 )
步驟 5 測試執行結果（Android 模擬器測試及實機測試）
其中，「介面設計」常被使用的元件如下所示：
1. 使用者介面設計之元件（User Interface）
Button（命令鈕元件）
CheckBox（核取方塊元件）
DatePicker（日期選取元件元件）
Image（影像元件）
Label（標籤元件）
ListPicker（清單選擇器元件）
ListView（下拉式清單元件）
Notifier（訊息通知元件）
PasswordTextBox（密碼文字框元件）
Slider（滑桿圖形元件）
Spinner（下拉式選單元件）
TextBox（文字框元件）
TimePicker（時間選取元件）
WebViewer（瀏覽器元件）
$) @/FX JOEE ɨʹ
