TQC+ 創意 App 程式設計認證指南 310 OX 井字遊戲
App Inventor,  第3類:App Inventor 進階人機互動與檔案存取應用

TQC+ 創意 App 程式設計認證指南 310 OX 井字遊戲

1. 題目說明:

請開啟 IND03.aia 專案,設計「OX 井字遊戲」程式。先攻者為 O,後攻者為 X。連成一線者,會以快顯示窗來表示【O 方獲勝】或【X 方獲勝】。請依下列題意完成作答,並製成封裝檔 IND03.apk,作答完成,請將 aia 專案檔及 apk 封裝檔皆下載並儲存於 C:\ANS.CSF 原專案的資料夾内。

<參考圖>


2. 設計說明:

(1) 加入 9 個 Button 元件,長、寬皆為 100 像素。Text 欄位皆刪除,依序對齊排序,成為九宮格。並以 none.png、O.png 與 X.png 代表對應的狀態。程式一開始時,所有按鈕的底圖皆為 none.png。

(2) 設定用來顯示勝負結果的 Notifier 元件,會根據 O 或 X 任何一方優先連成一線時,顯示【O 方獲勝】或【X 方獲勝】。

(3) 勝利條件判斷,一共有 8 種狀況:

橫線:1 = 2 = 3 / 4 = 5 = 6 / 7 = 8 = 9

直線:1 = 4 = 7 / 2 = 5 = 8 / 3 = 6 = 9

斜線:1 = 5 = 9 / 3 = 5 = 7



(4) 點選「再玩一次」按鈕,將畫面清空。



3. 執行結果參考畫面:

(1) 程式初始畫面。



(2) 根據 O 或 X 任何一方連成一線時,顯示【O 方獲勝】或【X 方獲勝





程式拼圖一覽:





IND03.aia 檔案下載

Images 檔案下載



TQC_310.aia 檔案下載





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




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

可以多點幾次喔~~

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

發表迴響