Hvordan å autosize et bilde med automatisk oppsett for din iOS-app - dummies

Fordi du er sikker på å bestemme - som alle gode iOS-apputviklere har bestemt og vil fortsette å bestemme seg for alltid - at Appen din må fungere bra i både portrett og landskapsretninger. Du må sørge for at bilen (underbildet), når du roterer visningen, er plassert nederst på skjermen.

Heldigvis for deg blir det meste av det arbeidet gjort for deg i klassen UIViewConroller som vi har avledet TestDriveController fra. Det eneste du må gjøre er å fortelle visningskontrolleren nøyaktig hvordan du vil at den skal flytte ting rundt når visningen endrer retning. Du kan gjøre slike ønsker kjent i storyboardet ved hjelp av Size inspektøren.

Du må velge noen av visningene for å administrere autosetting. For denne prosessen, kontroller at dokumentoversikten er vist til venstre for storyboardet. Årsaken til dette blir tydelig hvis du ser på dokumentoversikten. Inne i View Controller - TestDrive, har du en visning.

Innenfor denne visningen har du en bildevisning som inneholder SeeTheUSA-bildet fra aktivkatalogen. Bildevisningen er nå den samme størrelsen som den inneholdende visningen. Du må kunne velge hver enkelt separat, så den enkleste måten å gjøre det er i dokumentoversikten.

Det er fire seksjoner av størrelsesinnstillingene. Fra topp til bunn er de

• Metrics: Her øverst på Størrelsesinspektøren, angir du plasseringskoordinatene og visningsstørrelsen. Mesteparten av tiden bruker du verktøyet Interface Builder, men når du vil ha spesifikke og nøyaktige størrelser, skriver du inn her.

• Innholdskomprimering Prioritet og innholdskompresjonsmotstands prioritet: Disse seksjonene brukes mest for å justere visningens størrelse basert på innholdet. Hver av disse har en skyveknapp hvor du kan justere horisontale og vertikale verdier. Dette er ikke en on / off-situasjon: ved kjøring blir verdiene veid og de høyeste verdiene vinne ut der det er konflikt. Du kan angi begrensninger som er motstridende.

  For eksempel kan det hende du vil at en visning skal plasseres på en bestemt plassering basert på en annen visning. For å gjøre det, må visningen kanskje bli endret. I et slikt tilfelle vil en høyere klemmeprioritet bety at visningen vil motstå omforming på bekostning av ikke å oppfylle forespørselen om å plassere den 10 poeng vekk fra en annen visning.

  Komprimering er den andre siden av mynten. Hvis kompresjonsmotstanden har en høyere verdi, vil resizing som kan avkorte visningsinnholdet motstå.

• Intrinsic Size: Dette er satt til standard, hvor du lar det gå til grunnleggende layouter. Dette er den naturlige størrelsen på visningen som kan endres eller omformes.

• Begrensninger: Dette er hjertet i Auto Layout. Du angir begrensninger for visningens beliggenhet. Disse begrensningene kan være motstridende i noen tilfeller, men du kan tilordne en vekt til hver enkelt for å angi hvilke begrensninger som er viktigere enn andre. Ved kjøretid viser Auto Layout raskt den optimale samlingen av begrensninger som gjør så mye som mulig av det du vil ha.

Hvis du ikke ser avsnittet Begrensninger, kan det hende at Auto Layout er slått av for storyboardet ditt. For å slå den på, velg storyboardet i Project navigator og åpne fil inspektøren. Alternativet Bruk automatisk oppsett er en avkrysningsboks i delen Interface Builder Document.

For å angi begrensningene, velg visningen i dokumentoversikten og velg redigerer → Løs opp automatiske oppsettproblemer → Tilbakestill til foreslåtte begrensninger i visningskontrolleren.

Du burde nå ha de tre begrensningene. Alle tre har samme grunnleggende struktur. Den første spesifiserer bakrommet fra den valgte visningen (det øverste Vis-objektet) til bildevisningen. Den andre spesifiserer ledende plass, og den tredje angir bunnplassen.

Du kan lure på hva ledende og etterfølgende er i denne sammenheng. I et venstre-til-høyre-skript som engelsk, spansk, fransk og lignende er det ledende rommet mellomrommet mellom den venstre kanten av de to visningene, og etterfølgende er mellomrommet mellom høyre kant.

For et høyre til venstre språk som hebraisk eller arabisk, er ledende plass plassen til høyre og det etterfølgende rommet er plassen til venstre. Rom for topp og bunn er uavhengig av språkretning.

Hvis du velger den første, ser du at du kan klikke på girhjulet til høyre for hver begrensning for å åpne flere detaljer. Standard er ganske enkelt: Avstanden mellom høyre kantene på det øverste bildet og bildevisningen er nullpunkter. Hvis du ser nærmere på, ser du at bunnavstanden er standard, som også er null.

Du er ikke ferdig med å administrere Auto Layout. Velg bildevisningen og pin den til bunnen av overvåkingen. Bruk redigeringsprogrammet → Pinne → Bunn plass til overvåking. Dette betyr at det vil være riktig størrelse når enheten roteres.

Gjenta prosessen for bilbildet. Standardinnstillingene viser et annet aspekt av begrensninger. Du har standard bunnplass til å overvåke igjen, men du får en ny begrensning som justerer midten av bilbildet til midten av bildevisningen for X (horisontal) koordinaten.

Selv om appen ikke kjøres før du angir koden. Men når du skriver inn den koden, kan du rotere appen i simulatoren.

Denne prosessen er typisk for bruk av Auto Layout. Tegn oppsettet i storyboard-scenen. Noen begrensninger vil bli opprettet for deg automatisk, og du kan teste for å se hva som skjer. Du må kanskje tilpasse begrensningene (for eksempel ved å knytte en gjenstand til en overvåkning).Du kan også velge å fjerne alle begrensninger og tilbakestille til standardinnstillingene. En annen tweak kan være nødvendig.