App Inventor學習記錄86，圈叉遊戲範例 - 猴嗯架按呢E

建立一個叫圈叉變數的變數，這是用來控制點擊按鈕時，出現圈還是叉用的。

第2部份的程式碼說明：. 當螢幕初始化的時候： 把按鈕群組中全部 ... SkiptocontentPostauthor:terry2346Postpublished:2021-04-04Postcategory:AppInventor2/其它Postcomments:0Comments這個遊戲的編排也是非常簡單，問題一樣是出在怎麼設定獲勝的條件。

記錄一下：AppInventor學習記錄86，圈叉遊戲範例遊戲的畫面如下就是很簡單的幾個按鈕的組合。

規則想必大家都清楚，就不說明了。

畫面的配置如下：這個比較重要的地方，就是判斷程式的按鈕組合，所以我們有用到的按鈕給標出來。

全部的程式碼如下：不長，主要就是右邊的判斷輸贏的地方看起來很長。

第1部份的程式碼說明：建立一個叫按鈕群組的清單，把9個按鈕給放進來。

建立一個叫獲勝條件的清單，把8種連成一條線的情況給列個清單出來。

建立一個叫圈叉變數的變數，這是用來控制點擊按鈕時，出現圈還是叉用的。

第2部份的程式碼說明：當螢幕初始化的時候：把按鈕群組中全部按鈕的高度，設定成按鈕1.寬度。

這裡主要是因為我在畫面編排中，用水平配置放了三個寬度設定為填滿的按鈕，高度設定為自動。

這樣一來按鈕的寬度就會變成螢幕寬度的1/3，我希望每一個按鈕看起來是正方型的大小，所以就把按鈕的高，設定成按鈕.1寬度。

第3部份的程式碼說明：建立一個叫按下按鈕程式的程式，加入一個叫那一個按鈕的參數。

如果圈叉變數的值等於0的時候：把按下按鈕的圖像，設定成o.png這個檔案。

把按下按鈕的啟用，設定為假。

接著把圈叉變數的值，設定為1。

也就是說，我們第一次按下按鈕的時候，那個按鈕就會出現o.png這個圖片，按鈕會變成不可按，同一個按鈕不能再被按下第二次，接著讓圈叉變數的值在0跟1間變化，這樣圈和叉的圖片，就會交替出現在按鈕上。

然後，我們再呼叫檢查是否獲勝這個程式。

第4部份的程式碼說明：在一開始的時候，我們就已經把八種的獲勝條件，用清單建立起來。

檢查這八個獲勝條件中的按鈕的圖片是不是相同，而且不等於空白。

這樣的話，就代表已經連成一線。

不等於空白這個條件一定要加上去，不然的話，空白的按鈕連成一線的也會判定成獲勝。

當達成這個條件之後，就把所有按鈕的啟用性，設定為假。

第5部份的程式碼說明：按鈕被按下的時候，把那一個按鈕的地方，放入按鈕的項目。

再玩一次按鈕被按下的時候：把按鈕群組中的按鈕，把它們的啟用性，都設定為真，圖像都設定回空白。

圈叉變數的值設定回0。

這裡補充一下獲勝條件的連線方式。

大家可以對照著獲勝條件的清單對著看。

補充一下獲勝條件的判定說明。

首先，我們有8組勝利條件，分別是，1,2,3、1,5,9、1,4,7、2,5,8、3,5,7、3,6,9、4,5,6、7,8,9，我們在第4部份的程式碼中，就是把這8組條件中的每一個按鈕，拿出來判斷，只要是三個按鈕的圖片相同，而且又不是空白的話，那麼就是獲勝。

接著就是用清單的功能對過來對過去，取到我們需要的值拿來比較，這裡比較要注意的是csv轉表單這個地方。

由於我把獲勝的條件用1,2,3、1,5,9這種方式建，所以在用表單元件取值的話記得要用csv轉表單。

這次的aia檔的下載連結如下:點我下載NO_86_OOXX.aia參考書籍如下:手機應用程式設計超簡單AppInventor2零基礎入門班TQC+創意App程式設計認證指南TQC＋創意App程式設計認證指南解題秘笈手機應用程式設計超簡單：AppInventor2初學特訓班手機應用程式設計超簡單：AppInventor2小專題特訓班手機應用程式設計超簡單：AppInventor2資料庫專題特訓班之前介紹過的一些appinventor的使用記錄，都整理在下面這個頁面上了。

APPINVENTOR學習記錄及資源整理頁面Tags:aia下載,Appinventor2,學習記錄ReadmorearticlesPreviousPostAppInventor學習記錄85，三種文字跑馬燈顯示效果的範例說明NextPostAppInventor學習記錄87，怎麼從googlesheet中取得資料發表迴響取消回覆LINEAPPINVENTOR問題討論群組網路賺錢方法分享熱門文章與頁面︰線上工具-6個線上印章產生器標楷體、新細明體等中文字型顯示成英文名稱，怎麼把它改回中文顯示小說名、網路名、筆名、遊戲名，6個名字產生器整理AppInventor學習記錄83，用檔案管理元件讀取CSV檔文件，把CSV檔轉成可使用的清單如何自訂CHROME首頁出現的網站捷徑分類分類選取分類APP推薦  (7)   文青  (2)   有趣APP  (1)   相機  (1)   資訊管理  (3)google  (113)   Chrome  (30)   gmail  (15)   google其它應用  (15)   google地圖  (11)   google日曆  (7)   google相片  (8)   google雲端硬碟  (6)   youtube  (19)Uncategorized  (3)Wordpress  (10)   wordpress主題  (3)   wordpress外掛  (3)   Wordpress相關設定  (4)免費資源  (215)   各類素材  (8)   好用工具  (142)   影像編修  (39)   有趣網站  (10)   檔案轉換  (45)   流量交換  (4)   網站空間  (11)   美工勞作  (5)其它  (273)   AppInventor2  (223)   CAD相關  (8)   ESP32  (2)   Micro:bit  (6)   OFFICE系列  (7)   Scratch  (4)   Solidworks  (7)   遊戲相關  (13)無關3C  (2)社群相關  (37)   Facebook相關設定  (17)   Line相關設定  (22)網站架設  (6)   主機  (3)   域名相關  (3)標籤aia下載(183)android(113)Appinventor2(220)chrome外掛(11)facebook(16)gif(7)google(4)googlesheet(4)google文件(5)hitleap(3)line(23)Micro:bit(6)mp3(25)namecheap(2)OCR(8)paypal(2)pdf轉檔(15)photocap(3)QRCode(2)scratch3(3)solidworks工程圖(5)solidworks組合件(3)solidworks零件(3)WIN10(5)免費(3)免費主題(2)免費遊戲(2)共享軟體(3)去背(7)圖床(10)圖片壓縮(6)學習記錄(227)小技巧(156)影片相關(33)模擬器(13)檔案下載(3)產生器(4)素材-字體(5)素材-照片(6)素材-音樂(8)綠色免安裝(64)線上工具(92)轉檔(16)這就是人蔘(6)騙小孩很好用(8)近期文章怎麼關閉YOUTUBE上不斷重覆、討厭、疑似詐騙的廣告AppInventor學習記錄192-任意元件小範例1-判斷任意按鈕上的文字AppInventor學習記錄191-檢查兩個清單中，有那些項目是重覆的AppInventor學習記錄190-支援折線圖等5種圖表的外掛~ChartMakerPlusAppInventor學習記錄189-CustomWebView可以關閉瀏覽器右下縮放圖示的外掛AppInventor學習記錄188-用Tinydb元件跨多個螢幕傳值的方法AppInventor學習記錄187-麻將計分器，小睹怡情、先算積分、一次付清、不用找零AppInventor學習記錄186-認識親戚小遊戲，過年必玩，每年更新AppInventor學習記錄185-持家有道計算器AppInventor學習記錄184-用2張圖片來做會不斷移動遊戲背景TermsandConditions-PrivacyPolicy