記錄一下:
App Inventor學習記錄65,用 2個滑桿,做一個簡單的九九乘法表小遊戲
實際的畫面如下:
拉動第一個滑桿的話,就調整第一個數字的大小。
拉動第二個滑桿的話,就調整第二個數字的大小。
然後就自動的計算出值。
畫面編排的部份如下:
2個滑桿元件,最小值都設定為 1,最大值都設定為 9。
然後一個水平配置,放標籤元件,用來顯示相關的數字。
全部的程式碼如下:
螢幕初始化的時候:
把第 1個數字這個標籤的文字,設定為 5。
把第 2個數字這個標籤的文字,設定為 5。
至於為什麼要先設定這兩個數字,因為滑桿元件在初始化的時候,是沒有數值的,一直要到滑動滑桿才會有值產生。這樣就會造成九九乘法表沒有數字相乘的錯誤。我又找不到設定它預設值的方法,乾脆就先把這兩個標籤的數字給訂下來。
滑桿部份的程式碼如下:
滑桿 1和滑桿 2的寫法是相同的。
這裡要注意的是滑桿指針位置取值的時候,取的不是整數,所以這裡用數學方塊的進位後取整數,把指針位置的值給調整成整數。取整數的方法在 app inventor中,有四捨五入、進位後取整數以及捨去後取整數,這個部份就看大家喜歡用那一種。
另外,滑桿在滑動的時候,是不斷的在取指針位置的數值,所以一開始如果沒有把第一個數字和第二個數字的值設定的話,在拉動滑動的時候,就會發生錯誤。
不過,我們也可以加去對話框元件,以及流程判斷的方式來判斷第一個數字和第二個數字是不是空白來產生其它的變化,這個部份等之後我再來做。
這次的 aia檔的下載連結如下:
點我下載 NO_65_Slide_9x9.aia
參考書籍如下:
手機應用程式設計超簡單 App Inventor 2零基礎入門班
TQC+ 創意App程式設計認證指南
TQC+創意App程式設計認證指南解題秘笈
手機應用程式設計超簡單:App Inventor 2初學特訓班
手機應用程式設計超簡單:App Inventor 2小專題特訓班
手機應用程式設計超簡單:App Inventor 2資料庫專題特訓班
之前介紹過的一些 appinventor的使用記錄,都整理在下面這個頁面上了。
APP INVENTOR學習記錄及資源整理頁面