Hvordan du lager ditt iOS App-brukergrensesnitt i iPad Storyboard - dummies

Storyboard er et flott verktøy for å lage ditt iOS app-brukergrensesnitt. I Project navigator velger du Main_iPad. Storyboard fil og du vil se flere visningskontrollere i dokumentoversikten (Split View Controller, Master View Controller og Detail View Controller). Hver visningskontroller i en storyboard-fil administrerer en enkelt scene (en scene i Denne følelsen er egentlig bare en visningskontrollør.

På iPad, med kompis av Split View Controller eller en popover-kontroller, kan du ha flere scener på en skjerm. På iPhone kan du vanligvis bare se en scene på en skjerm av gangen.) I dokumentoversikten, velg triangel ved siden av Master View Controller i Master View Controller - Master Scene for å utvide visningskontrollen og du ' Jeg ser visningen.

Hvis du ikke kan se dokumentoversikten, kan du bruke Skjul / Vis dokumentoversikt c -regulering. Du kan også zoome inn og ut av et storyboard ved å dobbeltklikke på storyboardets lerret, eller ved hjelp av zoomkontrollen. = Skiltet returnerer storyboardet til full størrelse, som er den eneste måten visningene kan redigeres.

For å legge til brukergrensesnittelementer, velg visningen du vil arbeide med under visningskontrollens overskrift som er oppført i dokumentoversikten.

Det handler om visningsregulatoren

Velge en storyboard-fil i Project Navigator lanserer Interface Builder, som er redaktøren du bruker til å redigere storyboard-filene for programmet. De fleste applikasjoner trenger bare en storyboard-fil, men fordi du oppretter en universell app, har du to storyboards, en for iPad-brukergrensesnittet (Main_iPad. Storyboard) og en for iPhone-brukergrensesnittet (Main_iPhone. Storyboard).

Hver storyboard-fil du lager, har sin egen startvisningskontroller, som tjener som inngangspunkt i storyboardet. I hovedapplikasjonsfilen til søknaden din vil den første visningskontrolleren være den første visningskontrolleren som presenteres av søknaden din.

Visningsregulatoren er den store kahuna her, og hver visningskontroller i en storyboardfil styrer en enkelt scene. For iPhone-applikasjoner håndterer en scene en skjerms verdi for innhold, men for iPad-applikasjoner kan innholdet fra flere scener samtidig vises på skjermen.

Hvis du vil legge til nye scener i storyboardfilen din, trenger du bare å dra en visningskontroller fra biblioteket til storyboard-lerretet.Du kan da legge til kontroller og andre visninger (for eksempel bilde, web eller til og med tabellvisninger) til visningskontrollørens visning.

I tillegg til muligheten til å legge ut søknaden din som helhet, reduserer storyboards også koden du må skrive. Si at du vil opprette en overgang fra en visningskontroller til en annen; alt du trenger å gjøre er å styre-klikke på en knapp eller tabellvisning-celle i en visningskontroller og dra til den andre.

Ved å dra mellom visningskontrollere oppretter du en segue, som vises i Interface Builder som et konfigurerbart objekt. Segler støtter alle de samme overgangstyper som er tilgjengelige i UIKit, for eksempel navigasjon og modaloverganger. En segue gjør det også mulig å definere tilpassede overganger.

Ved hjelp av grensesnittsbygger for å legge til brukerelementene

Xcodes Interface Builder lar deg lage et storyboard ved å la deg legge ut brukergrensesnittet grafisk i hver visningsregulator. Du bruker grensesnittbygger til å designe appens brukergrensesnitt og deretter lagre det du har gjort som en ressursfil, som er inkludert i appen din og lastet inn i appen din på kjøretid.

Denne ressursfilen brukes da til å automatisk opprette vinduet og appens visningskontrollere, samt alle dine synspunkter og kontroller.

Hvis du ikke vil bruke Interface Builder, kan du også lage dine objekter programmatisk - skape visninger og vise kontroller og til og med ting som knapper og etiketter ved hjelp av din egen applikasjonskode.

Så hvordan får du faktisk de små kontrollene i visningen som bor i visningsstyringsscenen? For det bruker du et annet område av arbeidsområdet - verktøyområdet.

Du bruker Visvelger på verktøylinjen for å vise eller skjule Utility-området. Utility-området er et valgfritt område på høyre side av arbeidsområdet vinduet. Hvis du vil gjemme eller vise Utility-området, klikker du Utility-knappen på visningsvelgeren til høyre på verktøylinjen på arbeidsområdet.

Når du svever musepekeren over en verktøylinjeknapp, beskriver et verktøytips sin funksjon.

Sjekk Utility-området i all sin herlighet. Bibliotekspanelet har blitt endret.

Som du kan se, inkluderer dette området to rutene, den øverste for Quick Help og andre inspektører (Egenskapsinspektøren er valgt her), og den nederste for biblioteker av ressurser.