
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 顏色。

TQC+ 創意 App 程式設計認證指南 第二類:App Inventor 人機互動功能
如果覺得文章內容還不錯的話,麻煩請幫我點個讚!感謝
可以多點幾次喔~~
第一次點讚需使用 Google 或 Facebook 帳號註冊

