1.1 認識程式編寫的介面
1.1 認識程式編寫的介面
同學們嘗試使用 App Inventor 尋找以下元件及方塊等指令的位置:
一 元件
新增專案,名稱:newapp
在元件面板內有不同類型的元件,包括:
按鈕、文字方塊、標籤、圖片
可以將元件拖入工作面版,並在元件內編寫程式
二 元件屬性
把元件拖入工作面版後,在元件清單內會出現有關元件的選項,我們可以在元件 屬性版面編輯元件的屬性,包括背景顏色及文字大小等。
三 程式編寫頁面
按 App Inventor 頁面的右上方的「程式設計」按鈕,進入程式編寫頁面。
四 程式方塊
進入程式編寫頁面後,出現兩種不同類型的程式方塊,分別是「內建方塊」及「元 件方塊」。
「內建方塊」:不需要加入任何元件亦能使用的預設程式方塊,而 且這些程式方塊能配合「元件方塊」一同編程。「內建方塊」包括 「流程控制」、「邏輯運算」、「算數運算」、「文字」、「清單」、「顏 色」、「變數」及「程序」。
A. 「流程控制」
流程方塊讓你在 App Inventor 內放置分支及迴圈
例子:從整數亂數 1 到 100 取一個數字,若抽出來的數值剛好 是 100,標籤上顯示 “勝利”。
B. 「邏輯運算」
邏輯方塊一段測試屬性及變數的值
例子:當按下按鍵,檢查標籤 1 上的文字是否跟標籤 2 上文字一 樣。
C. 「算數運算」
算數運算方塊可讓你設計出由簡單到複雜的數學表述
一般的四則運算,代數運算及三角函數也包括在內。
例子:一個程序名為 「我的程序」 ,它能產生從 1 到 25 的隨機數並把結果存入變數 「global 我的變數」。
D. 「文字」
文字區塊用來建立、整理及刪除文字。
例子:當按鈕被按便把文字“Apple”及“Tree”連結並把結果在 標籤 1 顯示。
E. 「清單」
清單方塊可用作建立及操縱字串。
例子:儲存一列電話號碼分別為 111222, 333444 及 555666。
若想顯示剛才存起的號碼,我們可直接用標籤顯示。
完成後結果會變成 (11111 22222 33333) 。
F. 「顏色」
顏色方塊包含常用的顏色
你可把顏色方塊內的顏色直接插入你想顯示的其它方塊如文字或按鈕
例子:把一按鈕底色變為紅
G. 「變數」
當你想把數值存起而其它方塊能看見時,我們可以透過變數實現。
例子:一般遊戲內的第幾關已達到便是用變數存起 以下的例子是把一變數 “分數”並把 ‘0’存入其內。
H. 「程序」
程序一般以一個名字把一連串動作存起以便讓其它方塊呼叫。
例子:創建一程序名為 「移動地鼠」,並隨機移動地鼠到 螢幕上一個位置。
有了上面的程序,我們便可直接呼叫它,而不需要重覆複製相同內容的程式方塊。
I. 「元件方塊」
在加入元件在工作面版後才會出現的方塊,每種元件都有自己的屬性。
元件面版
元件屬性
「程式設計」按鈕
程式方塊
流程方塊
邏輯方塊
算數運算方塊
文字區塊
清單方塊
顏色方塊
變數方塊
程序方塊