算术与字串运算-范例程式拼块.pptVIP

* App Inventor 2 上課大綱 行動商務與多媒體應用學系 詹啟祥 辦公室：HB35室 分機：20035 E-mail: CSChan@asia.edu.tw * 課程概要 第一章、瞭解AI2環境 - 介面設計與程式拼塊 - Label元件以及Button 元件 第二章、介面配置元件 - 介紹介面配置元件 - TextBox元件 第三章、常數與變數 - 介紹常數與變數(數值、字串與變數) - Image 元件 第四章、算術與字串運算 - 介紹算術與字串運算 - Slider元件 第五章、比較運算與邏輯運算 - 介紹比較運算與邏輯運算 - CheckBox元件 第六章、條件判斷式 - 介紹條件判斷式if then else - Notifier元件與多Screen切換 第七章、清單 - 介紹清單管理 - Spinner元件 第八章、迴圈 - for and while迴圈 - ListPicker元件 * 第四章 算術與字串運算 算術與字串運算 - Slider元件 * 1. 算術與字串運算-範例說明 1.原始畫面 2.輸入身高 3.移動slider，顯示體重以及BMI值 * 1. 算術與字串運算- 範例:介面設計(1/3) 1.拖曳文字元件(TextBox)與標籤(Label)至設計頁面。 * 1. 算術與字串運算- 範例:介面設計(2/3) 2.拖曳Slider 元件至設計頁面，並設定最大值為200,最小值為20。 * 1. 算術與字串運算- 範例:介面設計(3/3) 3.拖曳標籤(Label)至設計頁面，以顯示體重。 * 1. 算術與字串運算 - 範例:程式拼塊(1/6) 1.產生全區域變數，並更改全區域變數的變數名稱 。 * 1. 算術與字串運算 - 範例:程式拼塊(2/6) 2.選擇並按下slider1內的，找到「位置改變事件」 3.將「位置改變事件」按下並拖曳到拼塊編輯區。 * 1. 算術與字串運算 - 範例:程式拼塊(3/6) 4.由於最後會顯示格式為“BMI的值:28”，所以必續將“BMI的值:”與所算出的BMI值串在一起。 * 1. 算術與字串運算 - 範例:程式拼塊(4/6) 5.BMI公式為= (體重/(身高×身高)) 5-1.所以將標籤設定成兩個數相除 * 1. 算術與字串運算 - 範例:程式拼塊(5/6) 5.BMI公式為=(體重/(身高×身高)) 5-2.將第二個空格設定兩個數相乘 * 1. 算術與字串運算 - 範例:程式拼塊(6/6) 6.將所有的運算空格填入相對應的體重、身高的值。 6-1.身高是由TextBox所輸入的 6-2.體重是由拖曳Slider元件的移動桿而得到，移動桿位置的改變，會存在 thumbPosition此變數中。 7.將BMI的字串值顯示在標籤Label2，將體重值顯示在標籤Label5 。 使用者拖曳 Slider 元件的移動桿時會觸發，並且以參數thumbPosition 傳回 移動桿的位置 * 2. 算術與字串運算- 說明 算術運算: 算術運算的程式拼塊: 字串運算: * 2. 算術與字串運算 - 說明 Slider 元件-產生一個滑桿，可以拖曳改變位置，並回傳位置值。 使用者拖曳 Slider 元件的移動桿時會觸發，並且以參數thumbPosition 傳回 移動桿的位置。 3. 算術與字串運算 -進階練習範例 1.原始畫面 2.移動slider以輸入身高，顯示身高以及BMI值 3.移動slider以輸入體重，顯示體重以及BMI值 *