之前有用按鈕做過圈叉遊戲，請參考：App Inventor學習記錄86，圈叉遊戲範例。
如果大家嫌麻煩的話，可以直接用　TicTacToe這一個外掛來做。

記錄一下：
App Inventor學習記錄 201-TicTacToe圈叉遊戲製作外掛

---

這次範例的完成器如下。

這個外掛已經把所有的東西都處理好，我們只能拉一下它的方塊來用，就可以把這個遊戲做出來。
優點是快速方便，缺點是沒有辦法自訂我們想要的效果。
它的畫面就是像上面這樣。

---

畫面編排的部份如下。

是的，這個範例中，除了 1個按鈕和一個標籤之後，就是一個垂直配置和一個 TicTacToe外掛元件。

---

全部的程式方塊如下。

---

第 1部份的程式方塊記錄。

when screen 1.initialize，當程式初始化的時候。
call tictactoe1.initialize view呼叫外掛中，套用顯示圈叉遊戲的方塊，component參數中，放要顯示圈叉遊戲的垂直配置。

---

第 2部份的程式方塊記錄。

按鈕 1按下的時候，call tictactoe1.restgame，呼叫外掛中遊戲重新啟動的外掛。

---

第 3部份的程式方塊記錄。

這一個事件，也是外掛中的方塊，當輪到 X的回合的時候，把標籤 1的文字設定成 “換 X”。

---

第 4部份的程式方塊記錄。

同理，當輪到 O的回合的時候，把標籤 1的文字設定成 “換 O”。

---

第 5部份的程式方塊記錄。

當遊戲平手的時候，跳出訊息框，顯示平手。

---

第 6部份的程式方塊記錄。

同樣是外掛中的事件方塊，當有人獲勝的時候
當 winner的值為 0的時候，呼叫訊息框顯示 X獲勝，不然就顯示 O獲勝。

好的，全部的程式方塊都簡單說明過了，建議大家試著做一次，就會用的越來越熟。
但如果不想要重新拉程式方塊，或要需要範例 aia檔的話，請前往第 2頁哦!