Képek feltöltése az Xcode-ba

A képek Xcode-ban történő használatához fel kell töltenie őket Assets.xcassetsa Supporting Filesmappába. Két lehetőség közül választhat: bitképek (aka. pngFájlok) vagy vektorok (más néven .pdffájlok). Az első lépés annak eldöntése, hogy melyik fájltípust szeretné használni.

A különbség a bitképek és a vektor eszközök között

A legtöbb online oktatóanyag bitkép-eszközöket használ, amelyek .pngfájlok. Ehhez meg kell húznia a kép 3 példányát az Xcode-ba.

Van azonban egy gondolatmenet, amely úgy véli, hogy a vektor eszközei fölényesebbek. Ez a cikk remekül magyarázza, miért van ez így. A vektorelemek .svgfájlok (vagy .pdfXcode esetén). Ha úgy dönt, hogy a vektorok eszközeit használja, akkor csak a kép egy változatát kell feltöltenie az Xcode-ba.

Ezt hallottam azoktól a sokkal bölcsebb, akkor én – Android telefonoktól, amelyek a vektor eszköz algoritmusait használják a kép előállításához bármilyen szükséges méretben. Van értelme, tekintettel az eszközök széles választékára és az Android képernyőméretére.

Az iPhone-ban lévő vektoreszközök azonban valójában nem méretezhetők algoritmusokkal (látszólag). Tehát nem kap jobb minőségű képeket, ha vektorokat használ a bitképeken keresztül. Ehelyett az, amit kap, ugyanolyan minőségű, mint a bitkép. Az iPhone egyszerűen átveszi a „vektor” eszközt, és átalakítja ugyanarra a három bittérképes méretre.

A fenti algoritmuslogikán kívül van néhányobjektívebb előnyök a vektoreszközök iPhone-okon történő használatáról.

  1. Csökkenti az emberi tévedések valószínűségét. Jelenleg három bittérképes méret van (1x, 2x, 3x). Ez azt jelenti, hogy három képet kell feltölteni az eszközeire. Ez három lehetőség arra, hogy véletlenül rossz képet húzzon. Vektoreszközök használatakor (amelyek az Xcode-ban univerzálisként jelentkeznek) csak három képet kell feltölteni három helyett. Kevesebb az esély a helytelen méret vagy kép feltöltésére.
  2. Sebesség. Ugyanaz az ok, mint az 1. számú. Ha sok képet használ az alkalmazásában, akkor a vektoros eszközök használata egyharmadával csökkenti a feltöltendő képek számát.
  3. Jövőbeni igazolás. Az iPhone jelenleg csak három képméretet használ (1x, 2x, 3x). Ez a képernyők megnövekedett retina minőségével függ össze. Amikor az Apple néhány évvel ezelőtt bemutatta a magas retina képernyőket, az élesebb kép érdekében nőtt az egy ponton lévő pixelek száma.

    Rendkívül valószínűnek tűnik, hogy hasonló technológiai növekedés továbbra is bekövetkezik. A jövőben szükség lehet 4x, 5x és 6x képek feltöltésére. Ha vektor eszközt használunk, akkor az alkalmazás méretezi nekünk a képet. Ez megment minket attól, hogy bedobjuk a bittérképes eszköz új méreteit.

    Bár el kell ismernem, hogy kissé zavart vagyok ebben, tekintve, hogy úgy tűnik, hogy az iPhone vektoreszközök valójában nem működnek algoritmusokon. Tehát nem vagyok biztos abban, hogyan fognak automatikusan nagyobb méretre méretezni. De bölcs mentorom ezt elmagyarázta, és bízom benne!

A vektor eszközök Xcode használatának egyik nagy hátránya, hogy a legtöbb helyen nem adja meg a .pdffájlt. Meg kell alakítania .svgönmagától.

Frissítés 2017. június 18-án : Az Apple a WWDC-ben bejelentette, hogy az iOS mostantól támogatja az igazi skaláris képeket! Vagy legalábbis szerintem ezt jelentették be. Most még több oka van egyetlen skála használatára.

A vektorelem feltöltése

Menjen az attribútumok menüre. Változtassa a skálát „egy skálára”, és jelölje be az átméretezés jelölőnégyzetet a „vektoradatok megőrzése” érdekében. Ez megváltoztatja a feltöltési opciót „all” -ra 1x, 2x, 3x helyett.

Ezután áthúzza a .pdffájlt egy résbe. Nem vagyok túl biztos, hogyan kell átalakítani .svg, hogy .pdfmég, de feltételezem, hogy ez meglehetősen könnyű megtekintése.

Hogyan lehet feltölteni .png fájlokat

Ha úgy dönt, hogy folytatja .png, a fájl három változatát kell feltöltenie. Ennek célja a különböző iPhone-ok változó képernyőfelbontása.

Először ellenőrizze, hogy az attribútumok menü „mérleg” opciója „egyedi mérleg” -re van-e állítva. Ez az alapértelmezett beállítás, és három rést jelenít meg, amelyeket ki kell töltenie:

Másodszor keressen meg egy képet, amelyet használni szeretne az alkalmazásában. Tegyük fel, hogy ez az ikon:

Hú, ez nagy. Ez azért van, mert letöltöttem az 512 pixeles verziót a webhelyről. Azonban csak azt akarom, hogy a kép 20 x 20 pixel legyen az alkalmazásomban. A kép 20 képpontra konvertálásához átméretezem az Előnézet alkalmazásban.

Készítsen három másolatot az eredeti képből. A nevek a kép kellene kinéznie: zen.png, [email protected], [email protected]. A fontos rész az, hogy a fájloknak ugyanaz a neve (itt használom zen), és kettőjük vége @2xés @3x. Ha ezt a névadási módszert használja, az Xcode automatikusan megtalálja a megfelelő méretet az eszköz típusa alapján.

Ezután nyissa meg a képet az Előnézet menüben, és válassza az Eszközök> Méret módosítása lehetőséget az alábbi menü megjelenítéséhez. Adjon meg 20 x 20 képpontot. Nyomja meg az ok gombot, és mentse a változtatást. Ez a bázis kép zen.png.

Ugyanezt tegye [email protected]. Csak ennek 40 x 40 képpontnak kell lennie. Még egyszer [email protected]. Ez 60 x 60 képpont lesz.

Most a képeket az Xcode megfelelő mezőibe húzhatja. Kész!