Grafične točke iPad in iPhone proti pikam

• Maj 17, 2024

Kot v večini projektov boste tudi pred začetkom gradnje aplikacije iOS ustvarili grafiko za aplikacijo iPad. Z izdajo iPada in spremembami v SDK za iOS lahko zdaj ustvarite univerzalne aplikacije za iOS. Univerzalna aplikacija bo delovala na napravah iPhone / iPod in iPad. Ko ustvarjate grafiko za univerzalno aplikacijo, boste morda pomislili, da bi ustvarili eno veliko sliko (velikost iPad-a) in aplikaciji rekli, naj spremeni velikost slike, kot je potrebno glede na napravo gledalca. Toda to daje zelo slabe rezultate. Ena izmed neverjetnih lastnosti aplikacij za iOS so sijajne ločljivosti zaslona. Če želite izkoristiti to funkcijo, boste potrebovali grafiko v več velikostih. Aplikacija bo uporabila drugačno grafiko, odvisno od uporabnikove naprave.

V tej vadnici predvidevamo, da se bo vaša aplikacija predvajala na celotnem zaslonu, kar bo blokiralo vrstico stanja (vrstica, ki prikazuje ikono baterije). V nasprotnem primeru boste morali nadoknaditi 20 točk, ki jih je prevzela vrstica stanja. Morda ste opazili, da sem namesto pik uporabil izraz točke.

Če ste v spletu delali v slikovnih pikah, boste morali začeti razmišljati v točkah. Apple^R se nanaša na velikost zaslona v točkah in pikah in razlika je lahko na prvi pogled zmedena. To pred iPhone 4 res ni bilo težava, saj je število točk ustrezalo številu slikovnih pik za vsako napravo. Vendar ima iPhone 4 zaslon Retina. V primeru, da ste prvič slišali besedo Retina, se nanaša na nov zaslon z visoko ločljivostjo, ki za vsako točko na zaslonu uporablja 4 pike. Zato bo imel iPhone 4 enake fizične dimenzije kot prejšnji iPhone, vendar bo uporabil 2-krat večje število navpičnih in vodoravnih pik.



Tako bomo želeli ustvariti grafiko za naše aplikacije v treh velikostih. Za iPhone obstaja velikost z nizko ločljivostjo in veliko ločljivostjo. Potem je grafika za iPad tretje velikosti.

Spodaj je povzetek razmerja slikovnih pik za vsako napravo.

iPad: 1024 pik x 768 pik x ločljivost 132
iPhone 4: 960 pik x 640 pik x 326 ločljivosti
iPhone 3G: 480 pik x 320 pik x ločljivost 163

Morda se sprašujete, zakaj ima vsaka naprava drugačno ločljivost. Ločljivost je število slikovnih pik na palec. Razlika v ločljivosti za vsako napravo je odraz gostote slikovnih pik na palec. Na primer, površina gledalca ipad je 7,76 palca x 5,82 palca, dimenzije pik pa 1024 x 768. Rezultat je ločljivost 132.

Ločljivost in nastala velikost zaslona

1024 x 768 pri 72 res bi bilo 14,22 palca za 10,66 palca
1024 x 768 pri 132 res bi bilo 7,76 palca za 5,82 palca

Torej, naprava iOS zavzame 1024 x 768 slikovnih pik, ki bi se na zaslonu računalnika prikazale 14,22 palca za 10,66 palca in jih na iPad stisnila v 7,76 palca za 5,82 palca. Zaradi stiskanja ima iPad in druge naprave tako sijajen zaslonski zaslon in tudi zakaj ima ločljivost 132.

Avtorske pravice 2018 Adobe Systems Incorporated. Vse pravice pridržane. Posnetki zaslona izdelkov Adobe so bili ponatisnjeni z dovoljenjem Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Prispevaj, Captivate, Flash Catalyst in Flash Paper so ali so [a] registrirana blagovna znamka (-e) ali blagovna znamka Adobe Systems Incorporated v Združenih državah Amerike in / ali drugih državah.
Apple, Motion, iBooks Author, GarageBand, TextEdit, Pages, iMovie in Mac so blagovne znamke družbe Apple Inc., registrirane v ZDA in drugih državah. CoffeBreakBlog je neodvisna publikacija, ki je Apple Inc. ni dovolila, sponzorirala ali kako drugače odobrila. Zaslonski posnetki, ki se uporabljajo z dovoljenjem.