
TQC+ 創意 App 程式設計認證指南 109 長方形面積計算
1. 題目說明:
請開啟 IND01.aia 專案,設計「長方形面積計算」程式,在 TextBox 元件輸入長方形的寬與高之後,可計算長方形面積的值。請依下列題意完成作答,並製成封裝檔 IND01.apk,作答完成,請將 aia 專案檔及 apk 封裝檔皆下載並儲存於 C:\ANS.CSF 原專案的資料夾内。

2. 設計說明:
(1) 加入兩個 Label 元件,將字體大小設定為 18、粗斜體,字體顏色為藍色 (Blue)。
(2) 加入兩個 TextBox 元件,分別作為輸入長方形的寬度與高度,Hint 為【cm】。
(3) 點選「計算面積」按鈕,將輸入 TextBox 元件的值進行長方形面積計算,以 Notifier 元件彈出視窗呈現結果,面積單位為【平方公分】,顯示如執行結果參考畫面 (1)。
(4) 長方形面積公式:寬 (width) * 高 (Height)。
(5) 若未輸入完整資料即點選按鈕,以 Notifier 元件彈出視窗顯示錯誤訊息【未輸入所有值】。
3. 執行結果參考畫面:
(1) 點選「計算面積」按鈕,將輸入 TextBox 元件的值進行長方形面積計算,以 Notifier 元件彈出視窗呈現結果,面積單位為【平方公分】。

(2) 若未輸入完整資料即點選按鈕,以 Notifier 元件彈出視窗顯示錯誤訊息【未輸入所有值】。

TQC_109.aia 檔案下載 (此解答檔案忘記設定 Label 元件為藍色字體,請自行修改。)
TQC+ 創意 App 程式設計認證指南 第一類:App Inventor 基礎畫面元件
如果覺得文章內容還不錯的話,麻煩請幫我點個讚!感謝
可以多點幾次喔~~
第一次點讚需使用 Google 或 Facebook 帳號註冊

