App Inventor學習記錄50,用滑桿元件 Slider,來切換圖片的顯示

滑桿的值可以設定成一個區間,而且在滑動的時候,會即時傳回指針位置的值,所以這裡我們用加入流程判斷的方式,決定指針位置的值在那個區間的時候,要出現那一張照片。

記錄一下:
App Inventor學習記錄50,用滑桿元件 Slider,來切換圖片的顯示


預覽如下:
只要拉動下方的滑桿,就可以切換圖片。


畫面編排的部份如下:

一個圖片元件,用來顯示相片。
一個滑桿元件。
它的區間值設定成 10~70之間。


全部的程式碼如下:


全部的程式碼都是相同的,取其中一段出來說明:

如果指針位置的值大於 20,而且小於等於 30的時候。
就把圖片設定為指定的圖片。


這裡把 10~70分成了 6個區段,對應了 6張圖片。

這個也是一個很小的應用。

這次的 aia檔的下載連結如下:
點我下載 NO_50_Slider_change_image.aia

參考書籍如下:
手機應用程式設計超簡單 App Inventor 2零基礎入門班
TQC+ 創意App程式設計認證指南
TQC+創意App程式設計認證指南解題秘笈
手機應用程式設計超簡單:App Inventor 2初學特訓班
手機應用程式設計超簡單:App Inventor 2小專題特訓班
手機應用程式設計超簡單:App Inventor 2資料庫專題特訓班

之前介紹過的一些 appinventor的使用記錄,都整理在下面這個頁面上了。
APP INVENTOR學習記錄及資源整理頁面

發佈留言