App Inventor學習記錄38,用取得背景像素顏色功能,取得無限的顏色

相信前幾篇看完,大家對於小畫家這個 app可以選擇的顏色數量,不太滿意。能選的顏色,就是我們一開始訂的那幾個,真的是太少了。這一篇來介紹一下,可以說是無限顏色的取色方法

記錄一下:
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學習記錄及資源整理頁面

發佈留言