記錄一下:
App Inventor學習記錄38,用取得背景像素顏色功能,取得無限的顏色
我們這一次該怎麼做才能取得無限顏色,我們利用的是 app inventor畫布中,取得背景像素顏色的功能,加上一張調色盤的照片來做。
畫面的編排如下:
由於用的是畫布中取得背景像素顏色的功能,所以畫面下方的這個調色盤的地方,其實是一個畫布的元件。然後我們放一張調色盤的圖片當這個畫布的背景。然後再用取得背景像素顏色功能,把畫筆的顏色,設定成我們點到的這個顏色。
這也是這一篇主要要介紹的功能。
全部的程式碼如下:
第 1部份的程式碼說明:
首先我們先建一個變數叫取色器顏色,把它的預設值設定黑色。
然後當色盤這個畫被點擊的時候:
把取色器取色的值,呼叫取得背景像素顏色功能,取得點擊時 x,y這個點上的背景顏色。
把選取的顏色這個標籤的背景顏色,設定成取色器取色這個變數的值。
這一個步驟,主要是要顯示出我們點到的顏色是什麼顏色。
第 2部份的程式碼說明:
當畫布被拖曳的時候:
把畫布的畫筆顏色,設定成取色器取色這個變數的值。
把畫布的畫筆寬度,設定 10。
呼叫畫布畫線功能。
第 3部份的程式碼說明:
當清除這個按鈕被按下的時候:
呼叫畫布清除的功能。
第 4部份的程式碼說明:
當橡皮擦按鈕被點擊的時候:
把取色器取色的顏色設定成 255,255,255,0這個顏色。
用調色盤來取色的好處,當然就是可以用的顏色可以無限的延伸。但壞處也是有的,手機的螢幕就那麼大,調色盤一放上去之後,畫布的空間就變小了……
解決的方法也是有,我們可以利用可見性的屬性來做,或是按鈕,或是新增螢幕來放調色盤,取完顏色之後,再把值回傳到主畫面的畫布上也是可以的。
這一篇就介紹到這裡,有問題的話,歡迎留言討論。
這次的 aia檔的下載連結如下:
點我下載 NO_38_Custom_color
參考書籍如下:
手機應用程式設計超簡單 App Inventor 2零基礎入門班
TQC+ 創意App程式設計認證指南
TQC+創意App程式設計認證指南解題秘笈
手機應用程式設計超簡單:App Inventor 2初學特訓班
手機應用程式設計超簡單:App Inventor 2小專題特訓班
手機應用程式設計超簡單:App Inventor 2資料庫專題特訓班
之前介紹過的一些 appinventor的使用記錄,都整理在下面這個頁面上了。
APP INVENTOR學習記錄及資源整理頁面