Hvordan du lager en skjermflyt for en iOS-app - dummies

Når du har opprettet prosjektet, er du klar til å lage et storyboard som fanger skjermflyten for iOS-appen. Storyboards gir utviklere en declarative (ikke-programmering) måte å legge ut skjermflyten til en app, samt definere utformingen av hvert skjermbilde i appen. Et storyboard består av følgende:

• En grafisk fremstilling av hvert skjermbilde i en app

• En spesifikasjon av overgangene mellom skjermene kjent som segues

Når du bruker den tomme applikasjonsmalen til å opprette prosjektet, må du legge til en storyboard-fil. For å gjøre dette, følg disse trinnene:

1. Velg Arkiv → Ny → Fil.

   Denne skjermen vises, der du kan velge en mal for den nye filen.

   

2. Velg brukergrensesnitt på venstre panel under iOS, og velg deretter Storyboard for å legge til en storyboard-fil.

   

   Denne filen heter Main. storyboard, men vær så snill å velge noe navn du vil ha så lenge det har. storyboard forlengelse. La boksen Hvor være, slik at storyboardet blir lagret i samme mappe som resten av prosjektets filer.

   I figuren merker du merket ved siden av Tic-Tac-Toe-Chapter-8, som er app-byggemålet i dette tilfellet. Dette trinnet gjør storyboardet et medlem av appbyggingsmålet, så når appen er bygget, er storyboardet inkludert i byggingen.

Pass på at du sjekker app-byggemålet; Ellers vil du få rare feil som vil ta flere timer å feilsøke. Men hvis du glemmer å sjekke målet når du legger til storyboardet, kan du gjøre det senere.

Når du har lagt til storyboardet, må du konfigurere prosjektet for å bruke det, som følger:

1. Rediger. plist fil.

   Åpne filen med. plistforlengelse - Tic-Tac-Toe-Chapter-8-Info. plist (plist står for eiendomslistefil ).

2. Legg til en ny rad i informasjonseiendomslisten.

   Flytt musen forbi den siste raden i informasjonseiendomslisten. Høyreklikk og velg Legg til rad.

3. Angi verdien for den nye raden.

   Hvis du velger den nye raden du nettopp har lagt til, blir den en rullegardinliste. Velg oppføringen Main storyboard filbasenavn. Flytt musen til høyre under kolonnen Verdi, og angi verdien for den nye oppføringen du nettopp har lagt til i Main.

   

4. Rediger appdelegasjonsfilen.

   Bruk prosjektnavigatoren, finn appdelegasjonsfilen (i dette tilfellet TTTAppDelegate. M) og finn metoden didFinishLaunchingWithOptions (se følgende kode).

5. Rediger metoden DidFinishLaunchingWithOptions.

6. Kommentere (eller bare slette) alle linjene, bortsett fra returneringen YES-setningen.

   - (BOOL) søknad: (UIApplication *) søknad didFinishLaunchingWithOptions: (NSDictionary *) launchOptions {// self. window = [[UIWindow alloc] initWithFrame: [[UIScreen mainScreen] grenser]]; // Overstyr punkt for tilpasning etter programstart. // selv. vindu. backgroundColor = [UIColor whiteColor]; // [selv. vinduet makeKeyAndVisible]; returner JA;}
   

7. Høyreklikk storyboard-filen og velg Åpne som → Kildekode.

   Historikkbrettet vises, vist i XML.