介绍条件判断式ifthenelse-notifier元件与多screen切换.ppt

* 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元件 * 第六章、條件判斷式 條件判斷式(if then else) - Notifier元件 - 多Screen切換 * 1.條件判斷式-範例說明 1.原始畫面，輸入密碼並按下「以ShowAlert 顯示密碼」的結果 2. 輸入密碼並按下「ShowMessage Dialog顯示密碼」的結果 3. 輸入密碼並按下「以ShowChoose Dialog進行登入」的結果 當密碼錯誤，顯示“密碼輸入錯誤...” 按下「送出」 當密碼正確，跳到第二個頁面 按下「顯示輸入密碼」 顯示輸入的密碼 * 1.條件判斷式- 範例:介面設計(1/3) 1.拖曳相關元件至設計頁面。 * 1.條件判斷式- 範例:介面設計(2/3) 2.按下「Add Screen」以產生第二頁面的交談選單，輸入第二頁面的名稱後， 按下「OK」，產生並跳到第二頁面。 * 1.條件判斷式- 範例:介面設計(3/3) 3.拖曳相關元件至第二頁面的設計頁面。 要作第一頁面與第二頁面的切換，直接點選左上角的“Screen2”，會產生下拉選單 * 1.條件判斷式 - 範例:程式拼塊(1/8) 1.加入Notifier.ShowAlert至按鈕點選事件中，並填入文字元件的輸入資料。 註 ShowAlert會顯示訊息一段時間後再自動消失 * 1.條件判斷式 - 範例:程式拼塊(2/8) 2.加入Notifier.ShowMessageDialog至按鈕點選事件中，並相對應的輸入資料。 註 ShowMessageDialog會顯示訊息視窗及一個按鈕，按下按鈕，視窗消失。 * 1.條件判斷式 - 範例:程式拼塊(3/8) 3.加入Notifier.ShowChooseDialog至按鈕點選事件中，並相對應的輸入資料。 註 ShowChooseDialog會顯示訊息視窗及兩個按鈕，按下任一個按鈕，視窗消失， 並同時觸發，Notifier.AfterChooseing事件 。 * 1.條件判斷式 - 範例:程式拼塊(4/8) 4.加入Notifier.AfterChooseing來處理當ShowChooseDialog中的按鈕被點選所要做的工作。 * 1.條件判斷式 - 範例:程式拼塊(5/8) 5.由於有兩個按鈕，要判斷哪個按鈕被按，必須使用條件判斷式「if..then元件」。 6.因為需要的是「if..then..else元件」，點選元件左上角藍色框框，將else拼到if 。 * 1.條件判斷式 - 範例:程式拼塊(6/8) 8.被按的按鈕，他的button Text會被存在「choice」中， 所以只要比對「choice」的值是否等於button Text 就知道那個按鈕被按。 當被按的按鈕是「送出」時，要做的事情 當被按的按鈕是「顯示輸入密碼」時，要做的事情 9.當被按的按鈕是「送出」時， 判斷所輸入的密碼值是否為“ABC123”。 註密碼值固定為“ABC123” 當密碼輸入正確，要做的事情填這裡 當密碼輸入錯誤，要做的事情 * 1.條件判斷式 - 範例:程式拼塊(7/8) 10.當密碼輸入正確，則跳到第二個頁面，所以選擇「open another screen screenName」元件，並填上第二個頁面的名稱“Screen2”。 * 1.條件判斷式 - 範例:程式拼塊(8/8) 11.切換至第二個頁面，當按鈕被按時， 執行關閉目前頁面(也就是第二個頁面)的 動作，當第二頁面被關，程式會自動跳回到上一個頁面(也