Kuinka ladata kuvia Xcodeen

Kuvia voi käyttää Xcode, sinun täytyy ladata niitä Assets.xcassets, joka sijaitsee Supporting Fileskansiossa. Voit käyttää kahta vaihtoehtoa: bittikartat (alias. pngTiedostot) tai vektorit (alias .pdftiedostot). Ensimmäinen vaihe on päättää, mitä tiedostotyyppiä haluat käyttää.

Bittikarttojen ja vektorivarojen välinen ero

Useimmat online-oppaat käyttävät bittikarttavaroja, jotka ovat .pngtiedostoja. Tämä edellyttää, että vedät yli 3 kopiota kuvasta Xcode-tiedostoon.

On kuitenkin olemassa ajattelukoulu, jonka mielestä vektorivarat ovat ylivoimaisia. Tässä artikkelissa on hieno selitys miksi näin on. Vektorivarastot ovat .svgtiedostoja (tai .pdfXcodelle). Jos päätät käyttää vektorivaroja, sinun on ladattava vain yksi kuvan versio Xcode-tiedostoon.

Tässä olen kuullut niistä paljon viisaammista kuin minä - Android-puhelimet, jotka käyttävät vektorivaraston algoritmeja kuvan luomiseen missä tahansa tarvittavassa koossa. On järkevää, kun otetaan huomioon Android-laitteiden laaja valikoima ja näytön koot.

IPhone-laitteiden vektorivaroja ei kuitenkaan oikeastaan ​​skaalata algoritmeilla (ilmeisesti). Joten et saa korkealaatuisempia kuvia käyttämällä vektoreita bittikarttojen yli. Sen sijaan se, mitä saat, on samaa laatua kuin bittikartta. IPhone yksinkertaisesti ottaa "vektori" -omaisuuden ja muuntaa sen samaksi kolmeksi bittikarttakoolle.

Edellä olevan algoritmilogiikan lisäksi on muutamiaobjektiivisemmat edut vektorivarojen käytöstä iPhonessa.

  1. Vähentää inhimillisten virheiden todennäköisyyttä. Tällä hetkellä bittikarttakokoja on kolme (1x, 2x, 3x). Tämä tarkoittaa, että sinun on ladattava kolme kuvaa resursseihisi. Se on kolme mahdollisuutta vetää ja pudottaa vahingossa väärä kuva. Kun käytät vektorivaroja (jotka esiintyvät yleisesti Xcodessa), sinun on ladattava vain yksi kuva kolmen sijaan. Väärän koon tai kuvan lähettäminen on vähemmän mahdollista.
  2. Nopeus. Sama syy kuin # 1. Jos käytät sovelluksessasi paljon kuvia, vektorivarojen käyttö vähentää ladattavien kuvien määrää kolmanneksella.
  3. Tulevaisuuden todentaminen. Tällä hetkellä iPhone käyttää vain kolmea kuvakokoa (1x, 2x, 3x). Tämä liittyy näyttöjen lisääntyneeseen verkkokalvon laatuun. Kun Apple esitteli korkeat verkkokalvonäytöt muutama vuosi sitten, pikselien määrä pistettä kohti kasvoi terävämmän kuvan saamiseksi.

    Vaikuttaa erittäin todennäköiseltä, että vastaavia teknisiä lisäyksiä esiintyy edelleen. Tulevaisuudessa joudumme ehkä lataamaan 4x, 5x ja 6x kuvia. Jos käytämme vektorivaraa, sovellus skaalaa kuvan meille. Tämä säästää meitä pudottamasta bittikarttakohteen uusia kokoja.

    Vaikka minun on myönnettävä, että olen hieman hämmentynyt tästä, koska iPhone-vektorivarat eivät tunnu toimivan algoritmeilla. Joten en ole varma, kuinka ne skaalautuvat automaattisesti suurempiin kokoihin. Mutta viisas mentorini selitti tämän ja luotan häneen!

Yksi suuri haittapuoli vektorivarojen käytöstä Xcodessa on, että useimmat paikat eivät tarjoa .pdftiedostoa. Sinun on muunnettava se .svgitsestäsi.

Päivitys 18. kesäkuuta 2017 : Apple on ilmoittanut WWDC: ssä, että iOS tukee nyt aitoja skalaarikuvia! Tai ainakin, luulen, että he ilmoittivat. Nyt on vielä enemmän syytä käyttää yhtä asteikkoa.

Vektori-sisällön lataaminen

Siirry attribuutit-valikkoon. Muuta asteikot yhdeksi asteikoksi ja tarkista koon muuttaminen -ruutu, jotta "säilytät vektoritiedot". Tämä muuttaa latausasetukseksi "kaikki" 1x, 2x, 3x sijaan.

Seuraavaksi vedät ja pudotat .pdftiedoston yhteen paikkaan. En ole aivan varma, miten muuntaa .svgon .pdfvielä, mutta oletan se on melko helppoa esikatselu.

Miten ladata .png tiedostoja

Jos päätät jatkaa .png, sinun on ladattava tiedostostasi kolme versiota. Tämän on tarkoitus kattaa eri iPhonen eri näytön tarkkuudet.

Ensinnäkin, varmista, että määritevalikossa on "skaalat" -vaihtoehto "yksittäiset asteikot". Tämä on oletusasetus, ja se näyttää kolme paikkaa, jotka sinun on täytettävä:

Toiseksi, etsi kuva, jota haluat käyttää sovelluksessasi. Oletetaan, että se on tämä kuvake:

Vau se on iso. Se johtuu siitä, että latain 512 pikselin version sivustolta. Haluan kuitenkin, että sovelluksessani on vain 20 x 20 pikseliä. Jos haluat muuntaa kuvan 20 pikseliksi, muutan sen kokoa esikatselussa.

Tee kolme kopiota alkuperäisestä kuvasta. Nimet kuvasi pitäisi näyttää tältä: zen.png, [email protected], [email protected]. Tärkeä osa on, että kaikilla tiedostoilla on sama nimi (tässä käytän zen), ja kaksi niistä päättyy @2xja @3x. Kun käytät tätä nimeämistapaa, Xcode pystyy automaattisesti löytämään oikean koon laitetyypin perusteella.

Avaa seuraavaksi kuva esikatselussa ja siirry kohtaan Työkalut> Säädä kokoa avataksesi alla olevan valikon. Määritä 20 x 20 pikseliä. Paina ok ja tallenna muutos. Tämä on perusta kuvan zen.png.

Tee sama asia [email protected]. Vain tämän tulisi olla 40 x 40 pikseliä. Vielä yksi aika [email protected]. Tämä on 60 x 60 pikseliä.

Nyt voit vetää ja pudottaa kuvat oikeisiin ruutuihin Xcodessa. Tehty!