Hvordan du opretter en skærmflow til en iOS-app - dummies

Når du har oprettet projektet, er du klar til at oprette et storyboard, der fanger skærmflowet til iOS-appen. Storyboards giver udviklere en declarative (ikke-programmerings) måde at fastlægge skærmflowet af en app, samt definere layoutet på hver skærm i appen. Et storyboard består af følgende:

• En grafisk gengivelse af hver skærm i en app

• En specifikation af overgangene mellem skærmbilleder kendt som fortællinger

Når du bruger den tomme applikationsskabelon til at oprette projektet, skal du tilføje en storyboard-fil. Det gør du ved at følge disse trin:

1. Vælg Filer → Ny → Fil.

   Denne skærm vises, hvor du kan vælge en skabelon til den nye fil.

   

2. Vælg Brugergrænseflade i venstre panel under iOS, og vælg derefter Storyboard for at tilføje en storyboard-fil.

   

   Denne fil hedder Main. storyboard, men velkommen til at vælge ethvert navn, du vil have, så længe det har. storyboard udvidelse. Lad feltet Where er som sådan, så storyboardet gemmes i samme mappe som resten af ​​projektets filer.

   I figuren skal du notere afkrydsningen ved siden af ​​Tic-Tac-Toe-Chapter-8, som er app-build-målet i dette tilfælde. Dette trin gør storyboardet medlem af app build mål, så når appen er bygget, er storyboardet inkluderet i bygningen.

Sørg for at tjekke app build mål Ellers får du underlige fejl, der tager timer at fejle. Men hvis du glemmer at kontrollere målet, når du tilføjer storyboardet, kan du gøre det senere.

Når du har tilføjet storyboardet, skal du konfigurere projektet til at bruge det som følger:

1. Rediger. plist fil.

   Åbn filen med. plistforlængelse - Tic-Tac-Toe-Chapter-8-Info. plist (plist står for ejendomsliste fil ).

2. Tilføj en ny række til listen Oplysninger Oplysninger.

   Flyt musen forbi den sidste række i listen Oplysninger Oplysninger. Højreklik og vælg Tilføj række.

3. Indstil værdien for den nye række.

   Hvis du vælger den nye række, du lige har tilføjet, bliver den en rulleliste. Vælg indgangen Main storyboard filbasenavn. Flyt musen til højre under kolonnen Værdi og angiv værdien for den nye post, du lige har tilføjet til Main.

   

4. Rediger app-delegeredefilen.

   Find projektdelegiveringsfilen (i dette tilfælde TTTAppDelegate. M), og find metoden didFinishLaunchingWithOptions (se følgende kode).

5. Rediger metoden DidFinishLaunchingWithOptions.

6. Kommentér (eller blot slet) alle linjer bortset fra returneringen YES-sætningen.

   - (BOOL) ansøgning: (UIApplication *) ansøgning didFinishLaunchingWithOptions: (NSDictionary *) launchOptions {// self. window = [[UIWindow alloc] initWithFrame: [[UIScreen mainScreen] grænser]]; // Overstyr punkt for tilpasning efter applikationsstart. // selv. vindue. backgroundColor = [UIColor whiteColor]; // [selv. vindue makeKeyAndVisible]; returnere JA;}
   

7. Højreklik på storyboard-filen og vælg Åbn som → Kildekode.

   Historikbrættet vises, vist i XML.