iPadi ja iPhone'i graafikapunktid vs pikslid

• Aprill 30, 2024

Nagu enamikus projektides, loote enne iOS-i rakenduse loomist iPadi rakenduse jaoks graafika. IPadi vabastamise ja iOS SDK muudatustega saate nüüd luua universaalseid iOS-i rakendusi. Universaalne rakendus töötab iPhone'is / iPodis ja iPadis. Universaalse rakenduse jaoks graafika loomisel võiksite mõelda, et loote ühe suure pildi (iPadi suurusega) ja palute rakendusel muuta pildi suurust vastavalt vaataja seadmele. Kuid see annab väga halbu tulemusi. Üks iOS-i rakenduste hämmastav funktsioon on hiilgavad ekraani eraldusvõimed. Selle funktsiooni ärakasutamiseks vajate mitmes suuruses graafikat. Rakendus kasutab sõltuvalt kasutaja seadmest erinevat graafikat.

Selles õpetuses eeldame, et teie rakendus mängib täisekraanil, mis blokeerib olekuriba (riba, mis näitab aku ikooni). Kui ei, siis peate hüvitama olekuribal võetud 20 punkti. Võib-olla olete märganud, et kasutasin pikslite asemel terminit punktid.

Kui olete töötanud veebi pikslites, peate hakkama mõtlema punktides. Apple^R tähistab ekraani suurust punktides ja pikslites ning esmapilgul võib erinevus olla segane. Enne iPhone 4 polnud see tegelikult probleem, sest punktide arv võrdus iga seadme pikslite arvuga. Kuid iPhone 4-l on võrkkesta ekraan. Kui see on esimene kord, kui olete sõna "Retina" kuulnud, viitab see uuele suure eraldusvõimega ekraanile, mis kasutab ekraani iga punkti jaoks 4 pikslit. Seetõttu on iPhone 4-l samad füüsilised mõõtmed kui varasematel iPhone'idel, kuid see kasutab vertikaalsete ja horisontaalsete pikslite arvu 2 korda rohkem.



Seega tahame luua oma rakenduste jaoks graafika kolmes suuruses. Seal on iPhone'i madala eraldusvõime ja kõrge eraldusvõimega suurused. Siis on iPadi graafika kolmanda suurusega.

Allpool on toodud kokkuvõte iga seadme pikslite suhte kohta.

iPad: 1024 pikslit x 768 pikslit x 132 eraldusvõime
iPhone 4: 960 pikslit x 640 pikslit x 326 eraldusvõime
iPhone 3G: 480 pikslit x 320 pikslit x 163 eraldusvõime

Teil võib tekkida küsimus, miks on igal seadmel erinev eraldusvõime. Eraldusvõime on pikslite arv tolli kohta. Iga seadme eraldusvõime erinevus peegeldab pikslite tihedust tolli kohta. Näiteks on ipadi vaateala 7,76 tolli x 5,82 tolli ja pikslite mõõtmed on 1024 x 768. Tulemuseks on eraldusvõime 132.

Eraldusvõime ja sellest tulenev ekraani suurus

1024 x 768 72 res. Oleks 14,22 tolli kuni 10,66 tolli
1024 x 768 132 res-i korral oleks 7,76 tolli kuni 5,82 tolli

Niisiis võtab iOS-i seade 1024 x 768 pikslit, mis kuvataks teie arvuti ekraanil 14,22 tolli kuni 10,66 tolli, ja surub need iPadi 7,76 tolli 5,82 tolli suuruseks. See kokkusurumine on põhjus, miks iPadil ja muudel seadmetel on selline särav ekraan ja ka selle eraldusvõime 132.

Autoriõigus 2018 Adobe Systems Incorporated. Kõik õigused kaitstud. Adobe toote ekraanipilt (ed) kordustrükis Adobe Systems Incorporated loal. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst and Flash Paper on / on kas [a] registreeritud kaubamärk (id) või Adobe Systems Incorporated'i kaubamärk (id) Ameerika Ühendriikides ja / või teistes riikides.
Apple, Motion, iBooks Author, GarageBand, TextEdit, Pages, iMovie ja Mac on Apple Inc. kaubamärgid, mis on registreeritud USA-s ja teistes riikides. CoffeBreakBlog on iseseisev väljaanne ja seda pole Apple Inc. volitanud, sponsoreerinud ega muul viisil heaks kiitnud. Ekraanipildid, mida loal kasutatakse.

Video Juhiseid: How to Use Apple Pencil on iPhone & ANY iPad (Aprill 2024).