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

TQC+ 創意 App 程式設計認證指南 306 記事本

1. 題目說明:

請開啟 IND03.aia 專案,設計「記事本」程式。可針對欲記載之事件進行資料的新增、更新、刪除及清空等功能。請依下列題意完成作答,並製成封裝檔 IND03.apk,作答完成,請將 aia 專案檔及 apk 封裝檔皆下載並儲存於 C:\ANS.CSF 原專案的資料夾内。

<參考圖>


2. 設計說明:

(1) 點選「新增」按鈕,將此筆資料新增至 TinyDB 元件中,儲存完成,ListView 元件需顯示最新資料,並清空 TextBox 元件所輸入之文字。

(2) 若無輸入資料即點選「新增」按鈕,則以 Notifier 的 ShowAlert 方式顯示【請輸入資料】訊息。

(3) 記事本之更新功能,需先選擇 ListView 元件其中一筆資料,將此筆資料代入 TextBox 元件中,使用者可自行修改,修改完成點選「更新」按鈕,更新 TinyDB 元件內的資料,ListView 元件需顯示最新資料,並清空 TextBox 元件所輸入之文字。

(4) 記事本之刪除功能,需先選擇 ListView 元件其中一筆資料,將此筆資料代入 TextBox 元件中點選「刪除」按鈕將此筆資料從 TinyDB 元件中刪除,ListView 元件需顯示最新資料,並清空 TextBox 元件所輸入之文字

(5) 若無選擇資料即點選「更新」或「刪除」按鈕,則以 Notifier 的 ShowAlert 方式顯示【請選取資料】訊息

(6) 點選「清空」按鈕,若判斷資料庫內已無資料,以 Notifier 的 ShowAlert 方式顯示【資料已清空】訊息;若資料庫內仍有資料,直接清空 TinyDB 元件內的資料並清空 TextBox 元件所輸入之文字。



3. 執行結果參考畫面:

(1) 程式初始畫面。



(2) 於 TextBox 元件輸入資料,按下「新增」按鈕之執行結果。



(3) 選擇資料進行修改,按下「更新」按鈕之執行結果。(本範例為點選 TEST02 後,將所點選的資料代入 TextBox 元件,將資料修改為 TEST0225,按下「更新」按鈕,資料修改完成。)



(4) 選擇資料進行修改,按下「刪除」按鈕之執行結果



(5) 若無選擇資料即點選「更新」或「刪除」按鈕,則以 Notifier 的 ShowAlert 方式顯示【請選取資料】訊息





IND03.aia 檔案下載



TQC_306.aia 檔案下載





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




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

可以多點幾次喔~~

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

發表迴響