Hvordan du legger til en ny visningskontroller i din iOS-app - dummies

Ditt første skritt i å legge til en ny visningskontroller i din iOS-app, er å velge iPad storyboard-filen i Project navigator. Når storyboardet vises, sørger du da for at verktøyområdet er synlig ved å klikke på ikonet i Xcode-verktøylinjens visningsvelger. Med det gjort kan du nå skjule prosjektnavigatoren ved å klikke på dens -ikonet i Xcode-verktøylinjens visningsvelger.

Som siste skritt for å få lerretet ditt klart, klikker du på Attributes inspektør-knappen i Inspector-velgeren i Utility-området.

For å legge til kontrollpanelet til teststasjonen, må du gjøre følgende:

1Velg objekter i verktøylinjens Bibliotek-panel, og dra deretter en ny visningskontroller fra ruten til storyboardet.

Mens du kan legge til kontroller og andre visninger bare på visninger når storyboard-elementene er i full størrelse, kan du legge til visningskontrollere på hvilket som helst zoomnivå.

En ny scene er opprettet.

2Velg tabellvisningen i Master View Controller - Master Scene og velg deretter Attribut inspektøren.

Hvis du ser på lerretet, ser du en tabellvisning med prototypeceller og en celle med teksten til tittel.

Du vil merke at i alternativet Table View i Attributes inspector er alternativet Dynamic Prototypes valgt.

For øyeblikket, hvis du velger en celle, skjer ingenting. Det er fordi med Dynamic Prototype-celler, må du implementere en metode i visningskontrolleren for å gjøre noe når en celle er valgt.

Bruk attributter inspektøren til å endre hovedvisningen fra dynamiske prototyper til statiske celler.

Statiske celler brukes når du vet på forhånd hva som må vises i en celle.

3 I Egenskapsinspektøren velger du Statiske celler fra Innhold-rullegardinmenyen.

Du vil legge merke til en endring i tabellvisningen. Overskriften Prototype-celler forsvinner, og du vil se tre celler hver med teksten Tittel.

4 I oversiktsvisningen må du utvide triangelen ved siden av tabellvisningen, og du får se en tabellvisningsseksjon.

Utvid tabellvisning-delen, og du vil se tre tabellvisning-celler. Utvid den første tabellvisning-cellen, og du vil finne en innholdsvisning og deretter en etikett. Velg etiketten, og i Egenskapsinspektørens tittelfelt, skriv inn Testkjøring .

5Velg den første tabellvisningscellen (cellen, ikke etiketten for teststasjon) i dokumentoversikten, og kontroll-dra fra cellen i hovedvisningskontrollen til visningsregulatoren du nettopp har lagt til. Slip deretter museknappen.

Kontroll-klikke fra en knapp eller tabellvisning-celle og dra til visningsregulatoren du vil vise, oppretter en valgsegment eller en tilbehørshandling.Når du slipper museknappen, ser du kontekstmenyen Storyboard Segues, som dukker opp på skjermen.

6Velg Push fra valgmenyen.

A segue utfører den visuelle overgangen mellom to visningskontrollere og støtter push (navigasjon), modal og tilpassede overganger.

En push segue endrer scenen - og brukeren ser den nye visningskontrollørens visning (med Back-knappen) glir på plass når brukeren trykker på en knapp.

I motsetning til en push-segue presenterer en modal segue visningsregulatoren modalt, med overgangsstilen du angir, og krever at brukeren skal gjøre noe for å komme tilbake til forrige visningsregulator. Når det gjelder tilpassede overganger, støtter segues standard visuelle overgangsstiler som Cover Vertical, Flip Horizontal, Cross Dissolve og Partial Curl.

Segue objekter brukes til å forberede overgangen fra en visningskontroller til en annen, noe som betyr at segueobjekter inneholder informasjon om begge visningskontrollere som er involvert i en overgang. Når en segue utløses - men før den visuelle overgangen oppstår - kaller storyboard-kjøretiden den nåværende visningscontrollerens preparatForSegue: sender: -metode slik at den kan sende alle nødvendige data til visningskontrolleren som skal vises.

Du vil merke at valg av Push fra Storyboard Segues popup-meny fører til at navigasjonslinjen vises, men også krymper visningen.

7Velg Push Segue i Master View Controller-scenen. Når du har kontrollert at Push vises på stilmenyen i Attributes inspektøren, må du skrive TestDrive i inspektørens Identifier-felt; trykk deretter på retur (eller skriv inn).

Du vil ikke alltid bruke identifikatoren, men det er god praksis å nevne det slik at du kan identifisere segningen.

Feltet i storyboardet er ikke oppdatert før du trykker på retur, eller noen ganger til du klikker i et annet felt i inspektøren.

8Velg detaljdetalj fra rullegardinmenyen Attributterinspektør.

Størrelsen på visningen i teststasjonskontrollen endres.

9 Velg de to ubrukt tabellvisning-cellene i dokumentoversikten og slett dem ved å trykke på Slett.

Standarddestinasjonen ble satt til Nåværende, noe som medførte at den ble satt til hovedvisningen, fordi det var der du dro fra. Med denne standarden var visningsregulatoren blitt omformet for hovedvisningen, som er 320 punkter bred i standard Split View Controller. Men du vil at destinasjonen skal være i detaljvisningen; Hvis du velger Detalj Split i dette trinnet, gjør det for deg.

Du kan se at visningen nå er blitt dimensjonert, og at en navigeringslinje er lagt til øverst på visningen. Hvis du utvider visningsregulatoren i View Controller Scene i dokumentoversikten, kan du se at en navigeringslinje ble lagt til der som man forventer.

Du vil også legge merke til at en opplysningsindikator ( chevron - har en høyre pileformet form på høyre side av Test Drive-cellen) også blitt lagt til.

Når du velger detaljcellen og lager Push-segugen med detaljvisningen som destinasjon, blir den nye teststasjonskontrollen innebygd i detaljvisningen-navigasjonskontrollen. Denne Navigasjon-kontrolleren styrer kontrollpanelet for visning for alt i detaljvisningen til Split View Controller.