運算思維入門

第二課 變數

範例:遙控器App

App畫面

新建專案,設定專案名稱, 如Controller

從「使用者介面」、「介面配置」拖曳組建,如圖右

拖曳至工作面板

留意列表的層次是否正確

為組件改名,如圖右,組件名稱將用於程式設計。

為組件改名,如圖右,組件名稱將用於程式設計。

「可見」組件通常會出現在App畫面的某些地方

三個標籤的屬性設定如下

標題

攝氏溫度

華氏溫度

水平配置與兩個按鈕的屬性設定如下

上傳圖片、清空文字

程式設計階段

App的運行方式是「事件驅動」的過程

部分「組件」有專屬的「事件」積木(土黃色)

螢幕專屬事件

按鈕專屬事件

App最先被觸發的事件是Screen1的「初始化」

將「初始化」拖曳至工作面板,依序完成...

組件的綠色積木功能是「設定內容」與「讀取內容」

設定屬性內容

例如設定背景顏色

讀取內容

例如讀取文字

設定內容必須接上「內容」積木,才算完成

找不到全域degree?degree是自訂的變數名稱

變數來自「變量」內置塊

更改名字為degree,設定內容為25

關於變數(variable)

什麼是變數(variable?)

  • 有名字的夾鏈袋
  • 只能放一張寫了字的便條紙
  • 目的: 暫存資料,供後續使用

參考來源: code.org CSP '21-22 Unit 4 - Variables, Conditionals, and Functions

關於變數(variable)

便條紙有兩類:數字(Number)與字串(String)

參考來源: code.org CSP '21-22 Unit 4 - Variables, Conditionals, and Functions

關於變數用於運算

參考來源: code.org CSP '21-22 Unit 4 - Variables, Conditionals, and Functions

關於變數用於運算

參考來源: code.org CSP '21-22 Unit 4 - Variables, Conditionals, and Functions

關於變數用於運算​

參考來源: code.org CSP '21-22 Unit 4 - Variables, Conditionals, and Functions

另外寫一張便條紙5, 不要從夾鏈袋拿出來

便條紙8會取代夾鏈袋內的便條紙

關於變數用於運算​

參考來源: code.org CSP '21-22 Unit 4 - Variables, Conditionals, and Functions

練習:

全部內容

第二課:變數

By Leuo-Hong Wang

第二課:變數

  • 264