[MBOT+ AI2] app範例--調色盤 #3

URL Link //n.sfs.tw/12577

2018-08-03 23:05:28 By Axer

MBOT整合MIT APP INVENTOR2 在平板開發app的一系列教材

使用滑桿來調色盤

學習重點

滑桿、畫布、顏色、程序

 

結果畫面

 

步驟

一、把元件放到畫面上

 

二、滑桿的元件屬性

三個左側顏色設成紅綠藍,其他如下。

 

三、畫布的屬性

寬度設為300像素

高度設為200像素

 

四、程式設計

這樣子程式就完成了,相當的簡單,但是有一個缺點,就是一開始看不到那個色塊,別忘了,我們一開始指定滑桿的數值都是100,應該出現灰色才對。

所以我們得增加這個程式才行,這個程式就是當畫面準備好後,就把畫布的顏色給著上

 

五、減少重覆的程式碼

上面的例子我們發現重覆執行的區塊都一樣,能不能把他變成一個程序,所以我們用了程序這個積木,結果如下: