Bookmark and Share

Svårighetsgrad
Svårighetsgrad
Betyg (3 röster)
BetygBetygBetygBetygBetyg
 

Windows Forms - 3 i rad

Inledning

3 i rad eller "Tic Tac Toe" som det kallas på engelska är en klassisk programmeringsuppgift. Vi tänker här presentera en lösning i Windows Forms där vi använder befintliga komponenter.

Man skulle kunna kalla artikeln för "Tic Tac Toe" på 10 minuter om man så vill.

bild

Regler

Vi har nog alla spelat 3 i rad någon gång. Den som först får 3 i rad vinner! Detta kan ske på 8 olika sätt eftersom det finns 3 kolumner, 3 rader och 2 diagonaler.

Traditionellt sett spelar man "O" eller "X".

Implementation

Vi tänker oss en spelplan utav 3 x 3 Button-komponenter. Knapparna har ingen text förrän spelare "X" eller "O" trycker på dem.

Varje knapptryckning genererar ett Click-event som vi kopplar. Alla 9 knappar är kopplade till samma metod, dvs. alla knappar behandlas lika.

Den som "lägger en bricka" på spelplanen, alltså trycker på en knapp, är också den som kan vinna. Vi måste kolla alla kolumner, rader och diagonaler och se om denna spelare har 3 i rad. Om så är fallet så notifierar vi via MessageBox samt nollställer brädet. Det kan också vara så att ingen vunnit. I detta fall bör vi också notifiera samt nollställa brädet.

Det intressanta med implementationen är hur vi bearbeta data, dvs. Button-komponenterna. För att systematiskt bearbeta informationen om "X" eller "O" så väljer vi att lägga knapparna i en 2-dimensionell "array". Två dimensioner passar bra då vi får en bredd och en höjd som motsvarar brädets 3 x 3 knappar. Det kan tyckas en aning krångligt men en anledning till att göra på detta vis är att vi mycket lättare kan gå från ett 3 x 3 bräde till t.ex. ett 8 x 8 bräde.

Känner du dig osäker på array'er så rekommenderas att först läsa Vektorer.

Video

Vi rekommenderar att se videon, i alla fall de första minuterna, för att hänga med på vilka ändringar som gjorts i den visuella editorn i Visual Studio.

Kod

Övning 1

I exemplet ovan så är alla 9 knappar utplacerade manuellt. Detta är inte särskilt effektivt ifall vi vill utöka storleken på brädet.

Uppgiften går ut på att istället skapa de 9 knapparna i kod. Du måste alltså ställa in alla egenskaper som t.ex. storlek, bakgrundsfärg, Click-event, etc. Använd en loop som baseras på storleken.

Övning 2

Gör så att du kan ställa in storleken på brädet via en variabel i koden. Anpassa gärna storleken på knapparna samt storleken på typsnittet efter storleken på brädet.

Inför också en variabel som bestämmer "hur många i rad" som krävs för att vinna.

Du måste alltså justera algoritmerna för att bestämma vinnaren.

Kommentarer

1 inlägg