Slik bruker du Asset Catalogs til å utvikle din iOS App - dummies

Nå som det er flere skjermstørrelser for iPhones og (for øyeblikket) to oppløsninger, må iOS-appbildene dine administreres på en mer sofistikert måte enn i fortiden. I utgangspunktet hadde bildene bestemte navn som angav om de var ikoner, start bilder eller andre bilder. Med Xcode 5 er ting mye enklere fordi i stedet for å stole på navnekonvensjoner bruker du aktivkataloger .

Bilder i en aktiv katalog er delt inn i sett . Hvert sett inneholder ett eller flere bilder representasjoner . Du oppretter en aktiv katalog ved å opprette en ny fil (Fil → Ny → Fil) og velge Asset Catalog fra Ressurs delen til venstre for vinduet.

Navigasjonen til venstre for arbeidsområdet og verktøylinjen til høyre er skjult. Inne i redigeringsområdet er to kolonner. Til venstre for redigeringsområdet vises en liste over settene.

1. Velg bildet settet du vil jobbe med i settlisten.

   App-ikonet sett er valgt. For å følge med, velg det nå.

2. Legg merke til at seteviseren (høyre kolonne i aktivarkatalogen) nå gjenspeiler bildene av det valgte settet (AppIcon i dette tilfellet).

   Det kan være flere representasjoner av et enkelt bilde som reflekterer de riktige idiomene (iPhone eller iPad).

3. Hvis du vil, kan du endre navnet på settet enten i Status-området eller ved å dobbeltklikke og redigere navnet i settlisten.

   Du kan også angi hvilke representasjoner (iPad, iPhone, Mac) du vil bruke øverst i Status-området og passende skalaer for hver (1x for ikke-retina og 2x for retina-skjermer).

4. Velg representasjonen du vil jobbe med i Redigeringsområdet.

   Statusområdet til høyre for arbeidsområdet vinduet gjenspeiler detaljene for den valgte representasjonen under den angitte informasjonen.

   

En aktivitets katalog kan inneholde fire typer bilder:

• Appikoner: Det kan hende du tror at du har et enkelt appikon, men du ville ha feil. Du har faktisk et appikonbildesett med mange idiomer og skalaer. Hver representasjon har sin størrelse vist både i redigeringsområdet og i statusområdet slik at du vet hva du skal jobbe med. Det er best å ikke gi nytt navn til dette settet.

• Start bilder: Dette er bilder som vises så tidlig som mulig i appens lansering. De skal gi bakgrunnen til den første skjermen brukeren ser. Når lanseringen er fullført, vises den faktiske skjermen og dens data.Effekten er at bakgrunnen er tegnet og relevant tekst og grafikk tegnes på toppen av det. Det er et lanseringsbilde satt i Master-Detail-mal.

  Merk at i Status-området kan du spesifisere detaljene for lanseringsbildene, inkludert ikke bare idiomet, men også retningen. Disse er avmerkingsbokser: Du må bare gi de du velger. Det er best å ikke gi nytt navn til dette settet.

• Bilder: Dette er alle de andre bildene i appen din. Ved hjelp av knappen nederst til høyre i redigeringsområdet, kan du vise oversikten som lar deg redigere representasjonene for et bestemt bildesett (ved standardinnstillinger er det to idiomer og to skalaer, men det kan godt endres over tid). Du kan også se på bildeskjæring.

• OS X ikoner: For fullstendig er disse nevnt.

Du kan se representasjonene for startbilder.

Du drar bildene dine fra disken til riktig representasjon av det aktuelle settet. For appikoner og start bilder, hvis bildet du prøver å dra, er feil størrelse, vil du få en feil. Merk at for både appikoner og startbilder er det forskjellige bilder for de ulike enhetene. Vær også oppmerksom på at det finnes separate versjoner for Retina (2X) og ikke-Retina (1X) skjermer.

Hvis du bruker en av Xcode-malene, vil du ha en aktiv katalog med et ikon og starte bilder. Du kan legge til dine egne bildesett til det. Den har Retina og ikke-Retina display representasjoner for Universal, iPhone, iPad og Mac. (Det er også en Retina-skjerm for iPhone 4.)

Du kan velge representasjonene du vil ha for bildesettet ditt, ved hjelp av undermenyen Editor → Device Image Reps.

Mange utviklere endrer ikke malens beholdningskatalog som inneholder lanseringsbilder og appikoner. I stedet lager de en egen aktivkatalog for sine egne bildesett. Slik gjør du det:

1. Velg Arkiv → Ny → Fil.

2. I dialogboksen som vises, velg Ressurs under IOS til venstre.

3. Velg Asset Catalog.

4. Navn og lagre filen i prosjektet ditt.

   Hvis du vil, kan du legge filen i gruppen Supporting Files i prosjektet ditt (eller hvor som helst annet du velger).

Pre-Xcode 5-kode for å manipulere bilder var ikke pen. I dag, etter at du har satt opp bildekatalogene dine, velger du ganske enkelt det bildesettnavnet du vil ha (ofte fra en lokalmeny i verktøyområdet). Ved kjøretid er det aktuelle bildet valgt for deg, avhengig av hvilken enhet som er i bruk. Du trenger ikke å gjøre noe annet enn å bruke bildet sett navn: iOS vil velge den riktige filen.