App Inventor學習記錄39,小畫家 app,一筆就能畫出一個彩虹的彩虹筆

正常來說,在選定畫筆的顏色之後,顏色就會一直保持到下次換顏色。這次我們利用計時器元件,做一個可以一筆就能畫出一個彩虹的彩虹筆。

記錄一下:
App Inventor學習記錄39,小畫家 app,一筆就能畫出一個彩虹的彩虹筆


先來看一下差別在那裡。左右兩側一整條線都是同一個顏色的,就是我們一般設定的方法所畫出來的線修,包在中間的則是我們這次要做的效果。


畫面編排的部份如下:

主要的畫面就是一個畫布,放兩個按鈕在下頭。當然還有一個計時器元件。


全部的程式如下:


第 1部份的程式碼說明:

我們先建立一個叫初始黑色的的變數,它的預設值是黑色。

當畫布被拖曳的時候:
把畫布畫筆的顏色,設初始黑色這個變數。
把畫布的線寬,設定為 20。
呼叫畫線的功能。


第 2部份的程式說明:

當開啟彩虹筆這個按鈕按下之後:
設定計時器開始計時。

當關閉彩虹筆這個按鈕按下之後:
設定計時器開始關閉。


第 3部份的程式碼說明:

當計時器的開始計時的時候:
把初始黑色這個變數的值,設定成一個顏色,這個顏色的組成是 3個隨機數字。
這裡補充一下 app inventor中的顏色是由 R、G、B這三個值,以及一個透明度所組合產生的。上面這個顏色的設定方法,把 RGB三個數值設定為隨機值,透明度沒有設定的話,預設值就是 100。


這次做的方法比較偷懶,RGB的值,都是設定隨機數,所以我們畫出來的彩虹線每一次都不一樣。如果要讓畫出來的彩虹線每一次一樣的話,我們可以建立一個清單,設定一下要出現的顏色順序,再加上一個變數來設定。這個部份大家可以自行試試。

這一篇就介紹到這裡,有問題的話,歡迎留言討論。

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

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

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

發佈留言