TQC+ 創意 App 程式設計認證指南 202 相片藝廊
App Inventor,  第2類:App Inventor 人機互動功能

TQC+ 創意 App 程式設計認證指南 202 相片藝廊

1. 題目說明:

請開啟 IND02.aia 專案,設計「相片藝廊」程式,可滑動螢幕,依序進行相片的更換,並顯示圖片訊息。請依下列題意完成作答,並製成封裝檔 IND02.apk,作答完成,請將 aia 專案檔及 apk 封裝檔皆下載並儲存於 C:\ANS.CSF 原專案的資料夾内。

<參考圖>


2. 設計說明:

(1) 請加入一個 Canvas 元件,寬度及高度皆設定為 Fill parent。由右往左滑動螢幕畫面,更換顯示下一張相片,若已是最後一張則顯示第一張相片,滑動則更換顯示上一張相片,若已是第一張則顯示最後一張相片

(2) 於 Canvas 元件下方加入一個 Label 元件,置中對齊,寬度設定為 Fill parent,其餘依照預設。可顯示正確的圖片訊息,若為第一張圖片則顯示【第 1 張】、若為第二張圖片則顯示【第 2 張】、若為第三張圖片則顯示【第 3 張】



3. 執行結果參考畫面:

(1) 由右往左滑動螢幕畫面,更換顯示下一張相片 (依第一張 -> 第二張 -> 第三張順序顯示),若已是最後一張則顯示第一張相片。





IND02.aia 檔案下載



TQC_202.aia 檔案下載





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




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

可以多點幾次喔~~

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

發表迴響