Generer automatisk ikoner for iOS-apper

Apple krever nå at applikasjoner skal ha et ikon med høy oppløsning på størrelse med 1024x1024 når de sendes til iTunes. Det samme ikonet skal skaleres ned til forskjellige størrelser for applikasjonen din binær for å støtte alle de forskjellige skjermoppløsningene til iOS-enheter. Dette inkluderer app- og søkelyslysikoner for den originale iPhone, iPhone m / retina-skjermen, iPad og iPad med retina-skjerm. Hjelpedokumentasjonen spesifiserer eksakte filnavn som skal brukes for eldre enheter, samt Info.plist-nøkler som skal brukes for nye enheter.

Lett smertene

Det kan være litt smertefullt å generere alle de forskjellige ikonstørrelsene (for tiden er det 10) når du gjør en applikasjonsoppdatering. Hvis du bruker Photoshop til å lage ikonene dine, anbefaler jeg at du lager et handlingsskript for å automatisere prosessen for deg.

Begynn alltid med et lerret 1024x1024 når du oppretter et nytt applikasjonsikon. Når du er klar til å lagre ikonet ditt i det andre formatet, trekker du opp Handlings-vinduet, oppretter en ny handling som heter 'Eksporter ikoner for iOS' og trykker deretter på opptaksknappen. Velg Fil | for hvert av disse ikonets filnavn og formater Lagre for Web og enheter, velg PNG-24 ikke-transparens og eksporter til en mappe på skrivebordet ditt (eks: Eksporterte ikoner) ved å bruke følgende filnavn og størrelser:

  • Icon.png - 57 x 57
  • - 144 x 144
  • Icon-72.png - 72 x 72
  • -144 x 144
  • Icon-Small.png - 29 x 29
  • - 58 x 58
  • Icon-Small-50.png - 50 x 50
  • - 100 x 100
  • iTunesArtwork - 512 x 512
  • - 1024 x 1024

Når du er ferdig med å eksportere, slutter du å registrere handlingen, og nå kan du kjøre dette skriptet når det er på tide å eksportere en ny gruppe ikoner. En ting du må gjøre er imidlertid å gi nytt navn til iTunesArtwork-filene for å fjerne PNG-utvidelsen. Jeg kunne ikke finne ut hvordan handlingsskriptet skal gjøre dette for deg, så du må gjøre det manuelt hver gang.

Legg nå alle ikonfilene til iOS-prosjektet ditt i Xcode. ( Figur A )

Figur A

Og oppdater Info.plist-filen din med følgende taster for å la systemet vite at ikonene eksisterer. ( Figur B )

Figur B

Det er det! Når du oppretter nye prosjekter, har du et handlingsskript som kan eksportere ikonene dine, og du kan kopiere / lime inn Info.plist-tastene fra dette prosjektet. Jeg tror du vil finne at det vil spare deg for mye tid for neste prosjekt.

Last ned et eksempel på de genererte ikonene.

Se offisiell iOS-dokumentasjon for mer informasjon om ikoner.

Les også:

  • Kjør flere iOS-appnedlastinger med bedre ikoner
  • Graner opp iOS-appene dine med enkle animasjoner: Del 1
  • Komme i gang med iOS-visninger og visningskontrollere: Del 1

© Copyright 2021 | pepebotifarra.com