iPad & iPhone Graphics Points vs Pixel

• Aprilie 19, 2024

Ca în majoritatea proiectelor, veți crea grafica pentru o aplicație iPad înainte de a începe să construiți aplicația iOS. Odată cu lansarea iPad și modificările aduse SDK-ului iOS, puteți crea acum aplicații iOS universale. O aplicație universală va funcționa pe iPhone / iPod și iPad. Atunci când creați o grafică pentru o aplicație universală, ați putea crede că veți crea o imagine mare (dimensiunea iPad) și spuneți aplicației să redimensioneze imaginea cât este necesar pentru dispozitivul vizualizatorului. Dar, acest lucru dă rezultate foarte slabe. Una dintre caracteristicile uimitoare ale aplicațiilor iOS sunt rezoluțiile strălucitoare ale ecranului. Pentru a profita de această caracteristică, veți avea nevoie de elemente grafice în mai multe dimensiuni. Aplicația va utiliza o grafică diferită în funcție de dispozitivul utilizatorului.

În acest tutorial, presupunem că aplicația dvs. va reda pe ecran complet, ceea ce va bloca bara de stare (bara care prezintă pictograma bateriei). Dacă nu, va trebui să compensați cele 20 de puncte preluate de bara de stare. Este posibil să fi observat că am folosit termenii puncte în loc de pixeli.

Dacă lucrați în pixeli pentru web, va trebui să începeți să gândiți în puncte. măr^R se referă la dimensiunea afișajului în puncte și pixeli și la prima vedere diferența poate fi confuză. Aceasta nu a fost o problemă înainte de iPhone 4, deoarece numărul de puncte a egalat numărul de pixeli pentru fiecare dispozitiv. Cu toate acestea, iPhone 4 are un display Retina. În cazul în care aceasta este prima dată când auziți cuvântul „Retina”, se referă la noul afișaj de înaltă rezoluție, care folosește 4 pixeli pentru fiecare punct de pe ecran. Prin urmare, iPhone 4 va avea aceleași dimensiuni fizice ca și iPhone-urile anterioare, dar va folosi de 2 ori un număr de pixeli verticali și orizontali.



Așadar, vom dori să creăm grafică pentru aplicațiile noastre în trei dimensiuni. Există dimensiuni de rezoluție joasă și înaltă rezoluție pentru iPhone. Apoi, graficele pentru iPad au o a treia dimensiune.

Mai jos este un rezumat al relației de pixeli pentru fiecare dispozitiv.

iPad: 1024 pixeli x 768 pixeli x 132 rezoluție
iPhone 4: 960 pixeli x 640 pixeli x 326 rezoluție
iPhone 3G: rezoluție 480 pixeli x 320 pixeli x 163

Este posibil să vă întrebați de ce fiecare dispozitiv are o rezoluție diferită. Rezoluția este numărul de pixeli pe inch. Diferența de rezoluție pentru fiecare dispozitiv este o reflectare a densității pixelilor pe inch. De exemplu, aria de vizionare a ipadului este de 7,76 inci x 5,82 inchi, iar dimensiunile pixelilor sunt 1024 x 768. Rezultatul este o rezoluție de 132.

Rezolvare și dimensiunea ecranului rezultat

1024 x 768 la 72 rez ar fi 14,22 inci cu 10,66 inci
1024 x 768 la 132 rez ar fi 7,76 inci cu 5,82 inci

Așadar, dispozitivul iOS ia 1024 x 768 pixeli, care ar fi afișat la 14,22 inci cu 10,66 inchi pe ecranul computerului și îi comprimă pe iPad de 7,76 inci cu 5,82 inci. Această compresie este motivul pentru care iPad și alte dispozitive au un ecran atât de strălucitor și, de asemenea, de ce are o rezoluție de 132.

Copyright 2018 Adobe Systems Incorporated. Toate drepturile rezervate. Captura (ecranele) de produs Adobe tipărite cu permisiunea 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, Contribute, Captivate, Flash Catalyst și Flash Paper este / sunt [o] marcă înregistrată [sau] sau o marcă comercială a Adobe Systems Incorporated în Statele Unite și / sau în alte țări.
Apple, Motion, iBooks Author, GarageBand, TextEdit, Pages, iMovie și Mac sunt mărci înregistrate ale Apple Inc., înregistrate în SUA și în alte țări. CoffeBreakBlog este o publicație independentă și nu a fost autorizată, sponsorizată sau aprobată în alt mod de Apple Inc. Imagini de ecran utilizate cu permisiune.

Instrucțiuni Video,: DON'T Buy the New 2019 10.2" iPad! (Aprilie 2024).