記錄一下:
App Inventor學習記錄68,用取得畫布背景像素顏色功能,做台灣地名的介紹
實際的畫面如下:
在說明流程式之前,請大家先包涵一下顏色配的很醜這件事。
當我們用手指頭點到五顏六色的地圖的時候,左上角就會出現這個顏色的代碼,以上圖來講,我點的是桃園,桃園的顏色是 -8388608這個號碼,我們再用這個號碼下去做判斷。
畫面編排的部份如下:
幾個標籤用顯示文字以及取得的數值。
重點在於畫布的背景放的是五顏六色的台灣地圖。
這裡補充一下,由於我們是用背景顏色的代碼來做判斷,所以每一格的顏色都不一樣。
全部的程式碼如下:
第 1部份的程式碼說明:
建立一個叫碰到的顏色的變數,它的預設是空白。
這個變數是要拿來放等一下從畫布中取到的背景顏色的值用的。
第 2部份的程式說明:
當畫布被點擊的時候:
把碰到的顏色這個變數的值,設定成畫布取得背景像素顏色,x,y值就直接代入取 x,y座標。
這個是說讓程式去取手指頭點到這個地方的顏色。
把顏色的取得值這個標籤的文字,設定成碰到的顏色這個變數。
把 RGB的顏色這個標籤的文字,設定成合併文字的組合。
這個標籤是要把取得的顏色,分解成 RGB值的數值。
這裡要用分解顏色值來做。
取得的數值怎麼判斷的我不確定,但我有找到有一個教程,它說取得的背景顏色的值,可以看成一個清單。清單中的第 1項是 R值,第 2項是 G值,第 3項是 B值,第 4項是透明度。
接著呼叫用顏色選地名這個程式。
呼叫文字語音轉換器。
第 3部份的程式碼說明:
這個小程式就是用流程判斷式來做。
如果碰到的顏色的值等於多少的話,就把這個地點是這個標籤的文字設定成地名。
關於台灣地名我們家的記憶方式是三字訣,北北基、桃竹苗、中彰投、雲嘉南、高高屏、宜花東。
雖然現在已經縣市合併過了,但這個還是可以用的。
這個取畫布背景像素顏色的功能,我們在App Inventor學習記錄38,用取得背景像素顏色功能,取得無限的顏色也介紹過。同樣是取背景顏色,只是那個時候是取出的顏色,是拿來當畫線的顏色用。
這次的 aia檔的下載連結如下:
點我下載 NO_68_Taiwan_Color_Picker.aia
參考書籍如下:
手機應用程式設計超簡單 App Inventor 2零基礎入門班
TQC+ 創意App程式設計認證指南
TQC+創意App程式設計認證指南解題秘笈
手機應用程式設計超簡單:App Inventor 2初學特訓班
手機應用程式設計超簡單:App Inventor 2小專題特訓班
手機應用程式設計超簡單:App Inventor 2資料庫專題特訓班
之前介紹過的一些 appinventor的使用記錄,都整理在下面這個頁面上了。
APP INVENTOR學習記錄及資源整理頁面