Slik formaterer du DestinationController View i din iOS-app - dummies

Når du har presentasjonen og overgangen valgt i Attributtsinspektøren, kan du fortsette i opprettingen av iOS-appen ved å formatere visningen av målkontrollen, som vil ha en tabellvisning, en etikettvisning og et veldig spiffy-bilde, også etter at du har fulgt disse trinnene:

1. Velg destinasjonsregulatoren i storyboard Canvas og dra deretter en navigeringslinje fra biblioteket.

   Du trenger et sted for å sette Avbryt-knappen. Plasser navigasjonslinjen øverst på visningen.

2. Velg Tittel (feltet) i navigasjonslinjen på lerretet. Fortsett i Attributtsinspektøren, skriv inn Destinasjoner i Tittel-feltet for det valgte elementet (Navigeringslinje, i dette tilfellet).

3. Dra et Bar-knapp-element fra biblioteket og legg det på venstre side av navigasjonsfeltet på lerretet.

4. Velg Avbryt fra rullegardinmenyen Identifier i Bar-knappen-delen i Attributtspektøren.

   Du trenger ikke å velge en nyanse for knappen i Bar-knappen Tint-delen i Attributes inspektøren. App-farget fargen fargen vil bli brukt til knappen.

5. Dra en bildevisning fra biblioteket i verktøylinjen og plasser den i destinasjonsregulatoren på lerretet slik at det tar opp hele visningen.

6. Kontroll-dra fra bildevisningen i lerretet eller dokumentoversikten til topplayoutguiden i dokumentoversikten og velg vertikal plassering.

7. Velg bildet med redigeringsprogrammet → Rediger automatisk oppsettproblemer → Legg til manglende begrensninger.

   Hvis du har noen advarsler, bruk redigeringsprogrammet → Løs opp underkommandoer for automatisk oppsettproblemer for å fikse dem. Du må kanskje bruke redigeringsprogrammet → Løs opp automatiske layoutproblemer → Fjern begrensninger hvis du må starte over.

8. I Bildevisning-delen av Attributtsinspektøren velger du DestinationImage fra rullegardinmenyen Bilde.

   Det riktige bildet fra aktivkatalogen blir brukt automatisk.

9. Dra en etikett fra biblioteket og legg det til visningen mot toppen av bildevisningen.

10. Med valgt etikett, skriv inn Plasser et sted i tekstfeltet i etikett-delen i Attributes inspektøren.

11. Endre i Attributtsinspektøren, endre stilen til Tekststiler - Overskrift ved å velge Tekst-ikonet i Font-feltet (som åpner et vindu der du kan endre skriftstørrelsen).

    

12. Velg etiketten og velg deretter Editor → Size Fit to Content fra Xcode hovedmenyen.

    Etiketten vil utvide for å passe til teksten.

13. Endre tekstfargen til hvit i rullegardinmenyen Tekstfarge.

14. Plasser Velg et sted etikett.

    

    Et ord med advarsel: Du må følge det neste trinnet nøyaktig. Du kan få det utseendet du vil på andre måter, men dette er det mest enkle. Tabellvisningen vil ikke være gjennomsiktig; Du vil fikse det i viewDidLoad.

15. Dra en tabellvisning (ikke tabellvisningskontrollen) fra biblioteket til bildevisningen og plasser den.

    Dette er området der tabellvisningen vil vises. Hvis du har flere valg enn det som passer inn i det synlige området, kan brukeren bla i tabellvisningen.

    

16. Med tabelloversikten valgt, rul nedover Attributtsinspektøren for å komme til Vis-delen og velg deretter Slett farge fra rullegardinmenyen Bakgrunn.

17. Fortsett i Attributes inspektøren, bla tilbake til Table View-delen og velg Gruppert fra Style-menyen.

18. Skriv 1 i feltet Prototype-celler (eller bruk bare trinnkontrollen for å komme til 1).

    La disse være som prototypeceller fordi du vil gi innholdet for cellene programmatisk.

19. Velg prototype Table View Cell, enten på lerret eller i dokumentoversikt, og velg deretter Grunnleggende fra inspektørens stil-meny og skriv inn DestinationCell i Identifier-feltet.

    Du må ha en gjenbrukskode.

20. Fortsett i Attributtsinspektøren, bla ned til Vis-delen og velg Tøm farge i rullegardinmenyen Bakgrunn.

21. Velg tabellvisningscellen i dokumentoversikten, åpne beskrivelsestrekanten, og velg etiketten.

22. I Attributtsinspektøren ruller du ned og velger deretter Slett farge fra rullegardinmenyen Bakgrunn.

23. Lukk verktøyområdet og velg assistenten i redigeringsvelgeren.

24. Hvis DestinationController. h-filen vises ikke, velg den i hoppelinjen.

25. Kontroll-dra fra tabellvisningen i Dokumentoversikt eller på Lerret til DestinationController. h-grensesnitt. Slett museknappen, og i dialogboksen som dukker opp, skriv inn destinationTableView.

26. Kontroll-dra fra Avbryt-knappen i Dokumentoversikt eller i navigeringslinjen på lerret til DestinationController. h-grensesnitt. Slett museknappen, og i dialogboksen som dukker opp, velg Handling i rullegardinmenyen Tilkobling og skriv inn avbryt i feltet Navn.