Mobil képernyő mérete és tabletta (iPhone, iPad, Galaxy stb. ), Osztályozza az iOS -eszközök képernyőméretét – Hozzon létre egy érzékeny alkalmazást az UIKIT segítségével az iOS számára – OpenClassrooms
Hozzon létre egy reagáló alkalmazást az UIKIT segítségével az iOS -hez
iPhone 6+, 6s+, 7+, 8+
Mobil képernyő és tabletta
A méret és a képernyő felbontása két alapvető tulajdonság, amelyet figyelembe kell venni az okostelefon vagy a táblagép kiválasztásakor. Az alábbi ábra lehetővé teszi Vizuálisan hasonlítsa össze a nagyságrendeket (Átlók az inkumbens és CM -ben) a hordozható eszközök leggyakoribb képernyőmérete.
Különösen az okostelefonok esetében a hordozható eszközök képernyői általában egyre nagyok. Ennek a méretének növekedésének megvannak az előnyei, de hátrányai is:
- Kényelem a használatban
Minél nagyobb a képernyő, annál kényelmesebb lesz az alkalmazások használata, navigálni vagy filmeket és sorozatokat nézni. A virtuális billentyűzet gombjai szintén nagyobbak lesznek. - Szállítás és manőverezhetőség
A nagy képernyővel rendelkező eszköz terjedelmesebb és kevésbé praktikus, különösen az okostelefonok esetében, amelyekre gyakran szükséges, hogy mindkét kezével elérje az érintőképernyő bizonyos részeit.
A méretével párhuzamosan a hányados A képernyők (magasság/szélesség arány) az idő múlásával is fejlődtek. Ez a fejlemény elsősorban a “határ nélküli” mobiltelefonok demokratizálódásának köszönhető, vagyis határ vagy fogadó gombok nélkül.
A képernyő nagyobb, de hosszabbabb (és lekerekített sarkokkal). A formátum fokozatosan növekedett a klasszikus 16/9 -ről 19 -re 19.5/9. Azt is észreveszi, hogy sok modellnél (különösen az iPhone -on) a kijelző felületének egy része a tetején egy bevágással (a “Notch”) van, amelyben érzékelőket, hangszórót és a kamera frontálisját tartalmazza.
Okostelefon mérete
Az alábbi szakaszoknak van a A képernyőméret képviselője A legnépszerűbb iOS és Android modellek (az Apple iPhone és a Samsung Galaxy Range).
A fő modellek képernyő előírásai
Az egyszerűség szerint a felső bevágást (Notch) azonos módon ábrázolták minden látványon, de a verzióktól függően eltérő lehet (12, 13, max, pro, több, stb.)).
Modell | Méret (hüvelyk) | Méret (cm) | Meghatározás (pixelek) | Felbontás (PPP) |
---|---|---|---|---|
IPhone 6 | 4.7 “ | 11,9 cm | 1334 x 750 px | 326 pp |
iPhone 6s | 4.7 “ | 11,9 cm | 1334 x 750 px | 326 pp |
iPhone 7 | 4.7 “ | 11,9 cm | 1334 x 750 px | 326 pp |
iPhone 8 | 4.7 “ | 11,9 cm | 1334 x 750 px | 326 pp |
iPhone 6 Plus | 5.5 “ | 14 cm | 1920 x 1080 px | 401 PPI |
iPhone 6s Plus | 5.5 “ | 14 cm | 1920 x 1080 px | 401 PPI |
iPhone 7 Plus | 5.5 “ | 14 cm | 1920 x 1080 px | 401 PPI |
iPhone 8 Plus | 5.5 “ | 14 cm | 1920 x 1080 px | 401 PPI |
iPhone X | 5.8 “ | 14,7 cm | 2436 x 1125 px | 458 PPI |
iPhone XS | 5.8 “ | 14,7 cm | 2436 x 1125 px | 458 PPI |
iPhone 11 Pro | 5.8 “ | 14,7 cm | 2436 x 1125 px | 458 PPI |
iPhone XR | 6.1 “ | 15,5 cm | 1792 x 828 px | 326 pp |
iPhone 11 | 6.1 “ | 15,5 cm | 1792 x 828 px | 326 pp |
iPhone XS Max | 6.5 “ | 16,5 cm | 2688 x 1242 px | 458 PPI |
iPhone 11 Pro Max | 6.5 “ | 16,5 cm | 2688 x 1242 px | 458 PPI |
iPhone 12/13 (MINI) | 5.4 “ | 13,7 cm | 2340 x 1080 px | 476 PPP |
iPhone 12/13 (pro és standard) / 14 | 6.1 “ | 15,5 cm | 2352 x 1170 px | 460 PPI |
iPhone 14 Pro | 6.1 “ | 15,5 cm | 2556 x 1179 px | 460 PPI |
iPhone 12/13 (Pro Max) / 14 Plus | 6.7 “ | 17 cm | 2778 x 1284 px | 458 PPI |
iPhone 14 Pro Max | 6.7 “ | 17 cm | 2796 x 1290 px | 460 PPI |
A megadott hosszúság megfelel az átlós (hüvelykben és cm -ben).
A fenti ábra és táblázat egyértelműen szemlélteti a mobil képernyőméretek idővel történő kibővítésének tendenciáját. Ezenkívül a különféle modellek részletesebb összehasonlításához az iPhone -összehasonlító (az Apple webhelyén) is használhatja.
Szűrési kritériumokkal (Baker Site)
Mi a PPP felbontása ?
a pixel sűrűség a képernyőn. A PPP egység valóban azt jelenti Pixel / hüvelyk (Angol PPI -ben, pixelek hüvelykben). Ez az érték tehát jelzi a pixelek számát a hosszúság hüvelykujján (2.54 cm). Minél magasabb, annál pontosabb lesz a kijelző.
A jelenlegi okostelefonok képernyők (például az Apple Retina) nagyon nagy felbontásúak, és a pixelek általában nem különböznek egymástól.
További információkért lásd a meghatározás és a képernyő felbontás oldalát.
A fő modellek képernyő előírásai
Modell | Méret (hüvelyk) | Méret (cm) | Meghatározás (pixelek) | Felbontás (PPP) |
---|---|---|---|---|
Galaxy S8 | 5.8 “ | 14,7 cm | 2960 x 1440 px | ~ 570 PPI |
Galaxy S9 | 5.8 “ | 14,7 cm | 2960 x 1440 px | ~ 570 PPI |
Galaxy S10E | 5.8 “ | 14,7 cm | 2280 x 1080 px | ~ 438 PPI |
Galaxy S10 | 6.1 “ | 15,5 cm | 3040 x 1440 px | ~ 550 PPI |
Galaxy S8+ | 6.2 “ | 15,7 cm | 2960 x 1440 px | ~ 529 PPP |
Galaxy S9+ | 6.2 “ | 15,7 cm | 2960 x 1440 px | ~ 529 PPP |
Galaxy S20 | 6.2 “ | 15,7 cm | 3200 x 1440 px | ~ 563 PPP |
Galaxy S21 5G | 6.2 “ | 15,7 cm | 2400 x 1080 px | ~ 421 PPP |
Galaxy S10+ | 6.4 “ | 16,3 cm | 3040 x 1440 px | ~ 522 PPP |
Galaxy S10 5G | 6.7 “ | 17 cm | 3040 x 1440 px | ~ 505 PPI |
Galaxy S20+ | 6.7 “ | 17 cm | 3200 x 1440 px | ~ 525 PPI |
Galaxy S21+ 5G | 6.7 “ | 17 cm | 2400 x 1080 px | ~ 394 PPP |
Galaxy S21 Ultra 5G | 6.8 “ | 17,3 cm | 3200 x 1440 px | ~ 515 PPI |
Galaxy S20 Ultra | 6.9 “ | 17,5 cm | 3200 x 1440 px | ~ 511 PPP |
Galaxy S22/S23 | 6.1 “ | 15,5 cm | 2340 x 1080 px | ~ 422 PPP |
Galaxy S22+/S23+ | 6.6 “ | 16,8 cm | 2340 x 1080 px | ~ 390 PPI |
Galaxy S22 Ultra/S23 Ultra | 6.8 “ | 17,3 cm | 3088 x 1440 px | ~ 501 PPI |
A megadott hosszúság megfelel az átlós (hüvelykben és cm -ben).
Mint a versenytársa, az Apple, a Samsung okostelefon -összehasonlítóval is rendelkezik (Samsung Site.com) a különböző modellek közötti különbségek megtekintéséhez (képernyő -specifikációk, valamint memória, processzor, dimenziók stb.)). Sajnos csak a legújabb termékeiket fogja megtalálni.
Szűrési kritériumokkal (Baker Site)
A fő modellek specifikációi
Modell | Méret (hüvelyk) | Méret (cm) | Meghatározás (pixelek) | Felbontás (PPP) |
---|---|---|---|---|
Redmi 9 | 6.53 “ | 16,6 cm | 2340 x 1080 px | ~ 394 PPP |
Redmi (megjegyzés) 10/10s | 6.5 “ | 16,5 cm | 2400 x 1080 px | ~ 405 PPI |
Redmi Note 11/11s | 6.43 “ | 16,3 cm | 2400 x 1080 px | ~ 409 PPP |
Redmi Note 11 Pro / Pro+ | 6.67 “ | 16,9 cm | 2400 x 1080 px | ~ 395 PPI |
Xiaomi 12/12x | 6.28 “ | 16 cm | 2400 x 1080 px | ~ 419 PPP |
Xiaomi 12 Pro / 13 Pro | 6.73 “ | 17,1 cm | 3200 x 1440 px | ~ 522 PPP |
Xiaomi 13 | 6.36 “ | 16,2 cm | 2400 x 1080 px | ~ 414 PPP |
A megadott hosszúság megfelel az átlós (hüvelykben és cm -ben).
A XIAOMI okostelefonok összes műszaki előírásainak megtekintéséhez (a tartomány viszonylag széles), olvassa el webhelyük információs oldalát, MI -ben.com.
Szűrési kritériumokkal (Baker Site)
A fő modellek specifikációi
Modell | Méret (hüvelyk) | Méret (cm) | Meghatározás (pixelek) | Felbontás (PPP) |
---|---|---|---|---|
P30 | 6.1 “ | 15,5 cm | 2340 x 1080 px | ~ 422 PPP |
P40 | 6.1 “ | 15,5 cm | 2340 x 1080 px | ~ 422 PPP |
P30 Lite | 6.15 “ | 15,6 cm | 2312 x 1080 px | ~ 415 PPP |
P40 Lite | 6.4 “ | 16,3 cm | 2310 x 1080 px | ~ 398 PPI |
P30 Pro | 6.47 “ | 16,4 cm | 2340 x 1080 px | ~ 398 PPI |
P40 Pro | 6.58 “ | 16,7 cm | 2640 x 1200 px | ~ 441 PPP |
P60 Pro | 6.67 “ | 16,9 cm | 2700 x 1200 px | ~ 443 PPI |
Nova 9 | 6.57 “ | 16,7 cm | 2340 x 1080 px | ~ 392 PPP |
Nova 9 az | 6.78 “ | 17,2 cm | 2388 x 1080 px | ~ 387 PPI |
Mate 50 Pro | 6.74 “ | 17,1 cm | 2616 x 1212 px | ~ 428 PPI |
Mate X3 (kibontakozva) | 7.85 “ | 19,9 cm | 2496 x 2224 px | ~ 426 PPP |
A megadott hosszúság megfelel az átlós (hüvelykben és cm -ben).
Ha többet szeretne megtudni a méretekről és/vagy a műszaki jellemzőkről (méretek, memória, processzor, akkumulátor, fotóérzékelők stb.), használhatja a Huawei összehasonlító eszközt (a webhelyükön).
Szűrési kritériumokkal (Baker Site)
Tabletta mérete
A piacon a leggyakoribb tabletták képernyőmérete (Apple iPad és Samsung Galaxy Tab) alatt található. Lehet, hogy ezeknek a modelleknek több változata van, de a jellemzők általában hasonlóak.
A fő modellek specifikációi
Modell | Méret (hüvelyk) | Méret (cm) | Meghatározás (pixelek) | Felbontás (PPP) |
---|---|---|---|---|
iPad mini (6. generációs.)) | 8.3 “ | 21,1 cm | 2266 X 1488 PX | 326 pp |
iPad (9. generációs.)) | 10.2 “ | 25,9 cm | 2160 x 1620 px | 264 PPP |
iPad (10. generáció.)) | 10.9 “ | 27,7 cm | 2360 x 1640 px | 264 PPP |
iPad levegő (5. generációs.)) | 10.9 “ | 27,7 cm | 2360 x 1640 px | 264 PPP |
iPad Pro 11 “(4. generáció.)) | 11 “ | 27,9 cm | 2388 X 1668 PX | 264 PPP |
iPad Pro 12.9 “(6. generáció.)) | 12.9 “ | 32,8 cm | 2732 x 2048 px | 264 PPP |
A megadott hosszúság megfelel az átlós (hüvelykben és cm -ben).
A különféle iPad modellekről (teljes jellemzőkkel) további részletekért ne habozzon használni az iPad komparátort (az Apple -en.com). Megtalálja az összes látványt, a szín szerinti variációkat és a teljes műszaki előírást.
Szűrési kritériumokkal (Baker Site)
A fő modellek specifikációi
Modell | Méret (hüvelyk) | Méret (cm) | Meghatározás (pixelek) | Felbontás (PPP) |
---|---|---|---|---|
Galaxy Tab A7 Lite | 8.7 “ | 22,1 cm | 1340 x 800 px | ~ 179 PPP |
Galaxy Tab A8 | 10.5 “ | 26,7 cm | 1920 x 1200 px | ~ 216 PPP |
Galaxy Tab S7 / S8 | 11 “ | 27,9 cm | 2560 x 1600 px | ~ 274 PPP |
Galaxy Tab S7+ / S8+ | 12.4 “ | 31,5 cm | 2800 x 1752 px | ~ 266 PPP |
Galaxy Tab S8 Ultra | 14.6 “ | 37,1 cm | 2960 x 1848 px | ~ 239 PPP |
Hozzon létre egy reagáló alkalmazást az UIKIT segítségével az iOS -hez
A képernyőméretek szűrésének nyugodtan megközelítéséhez kezdjük el, hogy körbejárja a méretet, amelyet az iOS -ban kell kezelnie.
Tartóztassa a képernyőméreteket
Általában a képernyőméretekről beszélünk hüvelyk (megjegyeztük ”), és mi Mérje meg az átlót.
Az iOS -ban két nagy méretű család van:
- iPhone méretek;
- iPad méretek.
Minden családban számos különféle méret található, amelyek az alábbi ábrán találhatók.
Eszköz
Méret
iPad Pro Big 1, 2
iPad Pro Small 2
iPad Pro Small 1
iPhone Pro Max 12, 13
iPhone 11 Pro Max
iPhone 11, 12, 13
iPhone Pro 12, 13
iPhone 6+, 6s+, 7+, 8+
iPhone 6, 6s, 7, 8
Ez a táblázat összefoglalja a tizenkét méret Az iOS családban létezik az összes kapcsolódó iOS -eszköz kimerítő listájával. Nem kell, hogy mindezt szívből tudd. Csak tudd, hogy az iPhone -ra hat méret van, és az iPadnél hat méret van. És ez a tizenkét méret, mindet megjelenítheti a forgatókönyvben !
Képzelje el a forgatókönyv méreteit
A storyboard felületének méretének megváltoztatásához használja a Méretválasztót. A forgatókönyv bal alsó részén a következő gomb van:
Kattintson rá a méretválasztó feltárásához.
Itt kiválaszthatja azt a méretet, amelyben megjeleníteni szeretné a forgatókönyv interfészeit. Alapértelmezés szerint a méret az iPhone 8 Plus értéke, de ezt megváltoztathatja, ahogy szeretné.
Meghívlak téged, hogy játsszon egy kicsit a különböző méretekkel. Három lehetséges beállítás létezik:
A méret
A képernyő mérete lehetővé teszi, hogy egyszerűen kiválasztja a megtekinteni kívánt képernyő méretét.
Nyolc méret van az iPhone -hoz, de az iPadnek csak egy mérete van ! Elfelejtették?
Jól látva ! Tizenkét méretben állva, az Apple el akarta kerülni a túl hosszú lista megjelenítését. De próbáljon kattintani az iPad -re a lista jobb oldalán, az azonnali frissítésre kerül a rendelkezésre álló iPads, Magic megjelenítésével !
Tanácsadás
Dönthet úgy, hogy megjeleníti a tájat vagy a portré -orientációt, ha forgást alkalmaz a kijelzőre:
Alkalmazkodás
Ha az iPad egyikét választja a Kiválasztóban, akkor egy harmadik beállítás érhető el: Adaptáció.
Valójában az iPad -en két alkalmazás jeleníthető meg egymás mellett. Az Apple ezt a megosztott nézetet hívja. Hirtelen az alkalmazás már nem veszi el a teljes képernyőt, ezért ebben az esetben a felület méretének variációját kell biztosítani. És ez a beállítással Alkalmazkodás hogy megjeleníthető.
összefoglalva
- Tizenkét különböző képernyőméret van az iOS eszközökhöz: négy az iPadhez és nyolc az iPhone -hoz.
- Az előnézeti módhoz hasonlóan az előző fejezetben, a Size Selector lehetővé teszi, hogy megjelenítse, mit ad az alkalmazás, amelyet közvetlenül a storyboard -ban ad a különböző eszközökön. És láthatja, hogy amint elhagyjuk az iPhone 8 Plus -ot, az nem túl meggyőző !
A következő játéktól kezdve elkezdjük megoldani ezt a problémát ! De a búvárkodás előtt ellenőrizze a kvízben lévő képességeit. Találkozunk !