Hvordan du legger til et bakgrunnsbilde til din iOS-app - dummies

Gjør deg klar til å begynne å redigere og legge til noen objekter i din iOS-app. Hvis du vil redigere et objekt i TestDrive-visningen i storyboardet, velger du Main_iPad. storyboard i Project Editor for å åpne Interface Builder. Utvid View Controller - TestDrive i View Controller - TestDrive Scene i dokumentoversikten. Velg Vis, og velg deretter Attributtsinspektøren i Inspector-velgeren.

Attributtsinspektøren lar deg sette forskjellige objektegenskaper. Hvis du for eksempel vil endre fargen på visningens bakgrunn, velger du bakgrunnsfargen fra hurtigmenyen Bakgrunn.

Hvis du velger Standard fra hurtigmenyen eller bare klikker i den aktuelle fargen som vises i Bakgrunnsfeltet, ser du de forskjellige standardfargene. Du kan også klikke på Annet for å åpne paletten Farger.

Verktøylinjen øverst i paletten Farger gir deg en rekke alternativer for å velge en farge.

Endre bakgrunnsfarge for en visning er snill, men den virkelige moroa kommer fra din evne til å legge til ditt eget visningsobjekt som et bakgrunnsbilde. Det er det du skal gjøre neste gang. (Føl spenningen!)

Enhver visningsobjekt du ender opp med, har egenskaper som farge (noen ganger), et bakgrunnsbilde eller muligheten til å samhandle med brukeren - svare på berøringer, i andre ord. Du angir vanligvis disse egenskapene ved å bruke enten Attributtsinspektøren i Interface Builder eller programmatisk.

For å se disse egenskapene må du zoome til full størrelse eller velge den i dokumentoversikten (som zoomer den til full størrelse). Full størrelse er det eneste tidsvisningen objekter kan redigeres.

Følg disse trinnene for å legge til et bakgrunnsbilde:

1Skroll ned i Bibliotekvinduet og dra en bildevisning fra biblioteket til visningen.

En bildevisning er en visning som brukes til å vise et bilde.

Hvis du klikker på et objekt i biblioteket, vises en dialogboks som forteller deg hva den er. Dialogen forteller deg selv hvilken klasse det er. Klikk Ferdig for å avvise det.

Hva du nettopp gjorde, er å legge til en bildevisning som en undervisning av RoadTrip-kontrollerens visning, den som ble opprettet for deg av malen.

Bortsett fra at visningskontrollene er oppe og noen få gjenkjenningsmidler spredt rundt i midten av galleriet, de fleste av ?? du ser i biblioteket er avledet fra View-klassen.

Du kan legge til horisontale og vertikale guider for å hjelpe deg med å rette opp ting ved å velge Editor → Add Horizontal Guide eller Editor → Add Vertical Guide, henholdsvis.

2Velg bildevisningen du nettopp har lagt til, enten i dokumentoversikten eller på lerretet.

Hvis du gjør det, endres det du ser i Attributtsinspektøren. Det viser nå attributter for bildevisningen.

3 Bruk Egenskaper inspektørens rullegardinmeny, Rull ned for å velge SeeTheUSA.

Hvis du gjør det, legger du til bildet du vil bruke til bildevisningen.

Det foretrukne formatet for bildet er. png. Selv om de fleste vanlige bildformater vises riktig, optimaliserer Xcode automatisk bildene på byggetid, slik at de er den raskeste og mest effektive billedtypen som kan brukes i iPad-applikasjoner.

4Drag i en annen bildevisning.

Plasser den nederst på midten av bildevisningen du nettopp har lagt til.

5Vend tilbake til Egenskapsinspektørens rullegardinmeny, men denne gangen velger du CarImage.

Bildet du valgte ble lagt til i den nye bildevisningen.

6Velg bildevisningen du nettopp lagt til, og velg Rediger → Størrelse for å tilpasse innhold fra hovedmenyen.

Hvis kommandoen ikke er aktivert, kan det hende du må velge den i dokumentoversikten. Bildevisningen er endret slik at den passer bedre til det vedlagte innholdet. Hvis du ser nøye, vil du gjenkjenne en vintage rosa 1959 Cadillac Eldorado Biarritz konvertible.

7 Med bilbildevisningen fortsatt valgt, velg Rediger → Legg til horisontal guide og redigerer → Legg til vertikal veiledning.

Disse veiledningene kan hjelpe deg med å holde oversikt over et bestemt sted på større scene.