這次從APP Inventor學習新東西的是文字輸入盒以及「焦點」的使用,再藉由之前所提到的其他功能來完成這次的單位換算。
2.畫面配置與程式設計:
一開始的步驟和之前一樣先登入到APP Inventor後,新增一個按鈕至面板中,並創造一個新螢幕HW3,接著在寫入按下按鈕切換螢幕的程式。
接著切到新創的螢幕HW3後,將左側的文字輸入盒子移到中間的工作面板,再放上一些標籤及按鈕,大致如下。
再來就是我們的程式部分嘞,這次比較需要講解的是下面這3個
首先是第一個 當 HW3 初始化,其實也就是一開始初始頁面的時候會執行一些程式,再來是下方的2個都有提到的焦點 ,所謂的「取得、要求焦點」就是當你去觸碰到該文字盒或是藉由其他程式去關注到文字盒時,我們便可以在該文字盒上面打字,而點選其他的文字盒或是依靠其他的程式來離開這個文字盒時稱為「失去焦點」。
大致上的程式為下方這樣。
會在HW3初始化的地方使用「呼叫隱藏文字輸入盒請求焦點」的原因是因為剛開始的時候焦點都會自動被設定在第一個文字輸入盒也就是「公克輸入盒」的地方,需要先移動到我們預設的地方,並把所有的資料都先設為空白,當「清除」按鈕按下的時候會把焦點移至隱藏的輸入盒,並且把其他的輸入盒變更空白,「確認」按鈕的功能也是為了把轉換的輸入盒上的焦點移走,而去完成後面的程式。
若不這麼做的話,一開始直接點及其他的轉換輸入盒就會產生錯誤,像是下方這樣。
都完成後就可以打包APK了!
3.操作畫面錄影:
最後放個下載至手機操作的影片
4.相關連結:
APP Inventor的網址
http://ai2.appinventor.mit.edu/
單位換算表的網址
http://www.mold.net.tw/classroom/unit.htm
沒有留言:
張貼留言