TQC+ 創意 App 程式設計認證指南 302 進階面積計算
App Inventor,  第3類:App Inventor 進階人機互動與檔案存取應用

TQC+ 創意 App 程式設計認證指南 302 進階面積計算

1. 題目說明:

請開啟 IND03.aia 專案,設計「進階面積計算」程式。點擊下拉式選單選擇要計算面積的幾何形狀,共有圓形、長方形與三角形等三種,可依據不同選擇進行面積的計算。請依下列題意完成作答,並製成封裝檔 IND03.apk,作答完成,請將 aia 專案檔及 apk 封裝檔皆下載並儲存於 C:\ANS.CSF 原專案的資料夾内。

<參考圖>


2. 設計說明:

(1) 加入一個下拉式選單 ListPicker 元件,Text 設定為【請選擇形狀】,此選單中共有三個元素:圓形、長方形與三角形,點選此選單後,開啟供使用者選擇點選「請選擇形狀」按鈕,「計算面積」按鈕設定為可以作用,並清空畫面上所有輸入或顯示的資料
P.S. 應該是清單選擇器才對

(2) 加入兩個 TextBox 元件,並根據下拉式選單的選擇結果來設定要出現哪些 TextBox。

(3) 圓形:只出現一個 TextBox 元件,Hint 欄位為【請輸入半徑】。

(4) 長方形:出現兩個 TextBox,Hint 欄位分別為【請輸入長】與【請輸入寬】。

(5) 三角形:出現兩個 TextBox,Hint 欄位分別為【請輸入底】與【請輸入高】

(6) 加入一個 Button 元件,Text 欄位為【計算面積】。本源鑑於程式一開始時為不可作用,只有在使用者選擇完所要計算面積的形狀之後才可點選。計算公式如下:
a. 圓形:半徑 * 半徑 * 3.14
b. 長方形:長 * 寬
c. 三角形:(底 * 高) / 2


(7) 設定用來顯示面積計算結果的 Label 元件,顯示格式為【XXX 面積為 OO 平方公分】。XXX 代表所選的形狀,OO 代表計算結果。



3. 執行結果參考畫面:

(1) 程式初始畫面,「計算面積」按鈕無法點擊,點選「請選擇形狀」的按鈕,可展開下拉式選單的三個選項。



(2) 選擇圓形之計算結果。



(3) 選擇長方形之計算結果



(4) 選擇三角形之計算結果





IND03.aia 檔案下載



TQC_302.aia 檔案下載





TQC+ 創意 App 程式設計認證指南 第三類:App Inventor 進階人機互動與檔案存取應用




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

可以多點幾次喔~~

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

發表迴響