Innehållsförteckning:

Hur man gör ett Tic Tac Toe -spel med Swift With Xcode: 5 steg
Hur man gör ett Tic Tac Toe -spel med Swift With Xcode: 5 steg

Video: Hur man gör ett Tic Tac Toe -spel med Swift With Xcode: 5 steg

Video: Hur man gör ett Tic Tac Toe -spel med Swift With Xcode: 5 steg
Video: Skapa ett eget simpelt Flappy Bird (del 2 ) 2024, November
Anonim

I denna Swift -handledning kommer jag att visa dig hur du skapar en Tic Tac Toe -app. Denna app är extremt enkel och är ett bra projekt för alla nybörjare. Jag kommer att dela upp handledningen i tre steg:

1. Skapa objekten

2. Länka objekt till koden

3. Koden

Steg 1: Skapa objekt

Skapa objekt
Skapa objekt

Detta steg består av att lägga till alla bilder, etiketter och knappar. Du kan få bilderna som jag använde här:

Lägg till rutnätet till din storyboard som en UII -bild. Lägg till cirkeln och korsa som en knapp. Lägg sedan till en annan etikett och en annan knapp högst upp på skärmen. Du kan anpassa dessa hur du vill. Vi kommer att använda dessa för "Spela igen -knappen" och resultattavlan.

Steg 2: Länka objekten till vår kod

Länka objekten till vår kod
Länka objekten till vår kod

Kopiera och klistra in korset nio gånger. Flytta var och en av korsen till vart och ett av rutnätet. Lägg sedan till det första krysset i visningskontrollen som en funktion. Lägg till de 8 återstående korsen i den funktionen. Slutligen lägger du till en tagg på var och en av korsen. Det första krysset med taggen '1', och det sista krysset som har taggen '9'. Om du är förvirrad bör koden i nästa steg hjälpa dig.

Steg 3: Variabler och etablering av den aktiva spelaren

Variabler och Etablering av den aktiva spelaren
Variabler och Etablering av den aktiva spelaren

Denna första del av koden fokuserar på att fastställa huvudvariablerna. Det fastställer alla vinnande kombinationer under variabeln 'winningCombinations'. Den använder också "action" -funktionen för att avgöra vem den aktiva spelaren är.

Steg 4: Bestäm vinnaren

Bestämmer vinnaren
Bestämmer vinnaren

Denna del använder ett logiskt uttalande för att avgöra vem som har vunnit spelet. Den använder sedan ett 'if else' -uttalande för att skriva ut vinnarens namn på resultattavlan. När den har bestämt vinnaren avslöjar koden en "Spela igen" -knapp.

Steg 5: Återställa spelbrädet

Återställer spelbrädet
Återställer spelbrädet

Denna sista kodbit återställer spelbrädet efter att du har tryckt på knappen "Spela igen". Det rensar upp alla tidigare värden och bitar så att du kan spela ett helt nytt spel.

Rekommenderad: