TQC+ 創意 App 程式設計認證指南 206 七彩霓虹燈
App Inventor,  第2類:App Inventor 人機互動功能

TQC+ 創意 App 程式設計認證指南 206 七彩霓虹燈

1. 題目說明:

請開啟 IND02.aia 專案,設計「七彩霓虹燈」程式,觸碰螢幕或移動滑桿可以任意改變螢幕顏色。請依下列題意完成作答,並製成封裝檔 IND02.apk,作答完成,請將 aia 專案檔及 apk 封裝檔皆下載並儲存於 C:\ANS.CSF 原專案的資料夾内。

<參考圖>


2. 設計說明:

(1) 加入一個 Canvas 元件,作為顏色顯示的面板。

(2) 加入一個 Label 元件,依紅、綠、藍、透明度的顯示順序,分別顯示其 RGB 及透明度的數值,如:(255 255 255 255)


(3) 一個顏色顯示的描述是由三個數值控制的,分別為 R、G、B,請加入四個 Slider 並設定其 R、G、B 及透明度的屬性,所有 Slider 的數值範圍皆是 0 ~ 255,以四個顏色參數組合為 RGB 顏色:
a. 設定紅色的 Slider,ColorLeft 為 Red。
b. 設定綠色的 Slider,ColorLeft 為 Green。
c. 設定藍色的 Slider,ColorLeft 為 Blue。
d. 設定透明度的 Slider,ColorLeft 為 None。

(4) 點選 Canvas 元件改變顏色,四個顏色 (紅、綠、藍、透明度) 皆從 0 ~ 225 重新隨機組合,將顏色顯示於面板上,Label 顯示目前的組合;並依顏色將下方的 Slider 元件移動至該顏色碼位置。

(5) 移動滑桿 (Slider 元件),依參數改變 Canvas 顏色。



3. 執行結果參考畫面:

(1) 程式初始畫面。



(2) 點選螢幕或移動滑桿,依參數改變 Canvas 顏色。





IND02.aia 檔案下載



TQC_206.aia 檔案下載





TQC+ 創意 App 程式設計認證指南 第二類:App Inventor 人機互動功能




如果覺得文章內容還不錯的話,麻煩請幫我點個讚!感謝

可以多點幾次喔~~

第一次點讚需使用 Google 或 Facebook 帳號註冊

發表迴響