Mobile Bildschirmgröße und Tablet (iPhone, iPad, Galaxie usw. ), Klassifizieren Sie die Bildschirmgrößen von iOS -Geräten – Erstellen Sie eine reaktionsschnelle Anwendung mit UIKIT für iOS – OpenClassrooms
Erstellen Sie eine reaktionsschnelle Anwendung mit UIKIT für iOS
Contents
iPhone 6+, 6s+, 7+, 8+
Mobile Bildschirmgröße und Tablet
Größe und Bildschirmauflösung sind zwei wesentliche Funktionen, die bei der Auswahl eines Smartphones oder Tablets berücksichtigt werden müssen. Die folgende Abbildung ermöglicht es Ihnen Vergleiche Größenordnungen visuell vergleichen (Diagonale im Amtsinhaber und cm) der häufigsten Bildschirmgrößen tragbarer Geräte.
Insbesondere für Smartphones sind Bildschirme tragbarer Geräte im Allgemeinen immer großer. Diese Größe hat seine Vorteile, aber auch ihre Nachteile:
- Komfort im Gebrauch
Je größer der Bildschirm ist, desto komfortabler ist es, Anwendungen zu verwenden, im Web zu navigieren oder Filme und Serien zu schauen. Die Tasten auf der virtuellen Tastatur sind ebenfalls größer. - Transportfähigkeit und Manövrierfähigkeit
Ein Gerät mit einem großen Bildschirm ist sperriger und weniger praktischer, insbesondere für Smartphones, für die es häufig erforderlich ist, beide Hände zu verwenden, um bestimmte Teile des Touchscreens zu erreichen.
Parallel zur Größe die Verhältnis Im Laufe der Zeit haben sich auch Bildschirme (Höhen-/Breitenverhältnis) entwickelt. Diese Entwicklung ist hauptsächlich auf die Demokratisierung von “grenzenlosen” Mobiltelefonen zurückzuführen, dh ohne Grenz- oder Empfangsknöpfe zu sagen.
Der Bildschirm ist größer, aber er ist auch längerer (und mit abgerundeten Ecken). Das Format stieg allmählich vom klassischen 16/9 auf durchschnittlich 19 an.5/9. Sie werden auch feststellen, dass bei vielen Modellen (insbesondere iPhone) ein Teil der Anzeigefläche von oben durch eine Kerbe (die “Kerbe”) von Sensoren, Lautsprecher und Kamerafront stammt.
Smartphone -Größe
Die folgenden Abschnitte haben a Panel repräsentativ für Bildschirmgrößen Die beliebtesten iOS- und Android -Modelle (Apple iPhone und Samsung Galaxy -Bereiche insbesondere).
Bildschirmspezifikationen der Hauptmodelle
Durch die Einfachheit wurde die obere Kerbe (Notch) in jedem visuellen visuellen identischen.)).
Modell | Größe (Zoll) | Größe (cm) | Definition (Pixel) | Auflösung (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 und 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 |
Die angegebene Länge entspricht der der Diagonalen (in Zoll und cm).
Das obige Diagramm und die obige Tabelle veranschaulichen den Trend zur Erweiterung der mobilen Bildschirmgrößen im Laufe der Zeit deutlich. Darüber hinaus können Sie für einen detaillierteren Vergleich der verschiedenen Modelle auch den iPhone -Komparator verwenden (auf der Apple -Website).
Mit Filterkriterien (Baker Site)
Was ist PPP -Auflösung ?
Es geht um die Pixeldichte des Bildschirms. PPP -Einheit bedeutet in der Tat Pixel pro Zoll (In englischer PPI, Pixel pro Zoll). Dieser Wert gibt somit die Anzahl der Pixel auf einem Daumen der Länge an (2.54 cm). Je höher es ist, desto genauer wird das Display.
Aktuelle Smartphones -Bildschirme (zum Beispiel Apple Retina) haben eine sehr hohe Auflösung und Pixel sind im Allgemeinen nicht zu unterscheiden.
Weitere Informationen finden Sie auf der Seite Definition und Bildschirmauflösung.
Bildschirmspezifikationen der Hauptmodelle
Modell | Größe (Zoll) | Größe (cm) | Definition (Pixel) | Auflösung (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 |
Die angegebene Länge entspricht der der Diagonalen (in Zoll und cm).
Samsung bietet wie sein Konkurrent Apple einen Smartphones -Komparator (Samsung Site.com), um die Unterschiede zwischen ihren verschiedenen Modellen zu betrachten (Bildschirmspezifikationen, aber auch Speicher, Prozessor, Dimensionen usw.)). Leider finden Sie nur ihre neuesten Produkte.
Mit Filterkriterien (Baker Site)
Spezifikationen der Hauptmodelle
Modell | Größe (Zoll) | Größe (cm) | Definition (Pixel) | Auflösung (PPP) |
---|---|---|---|---|
Redmi 9 | 6,53 “ | 16,6 cm | 2340 x 1080 px | ~ 394 PPP |
Redmi (Anmerkung) 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 |
Die angegebene Länge entspricht der der Diagonalen (in Zoll und cm).
Um alle technischen Spezifikationen von Xiaomi -Smartphones zu sehen (der Bereich ist relativ breit), wenden Sie sich an die Informationsseite ihrer Website in MI.com.
Mit Filterkriterien (Baker Site)
Spezifikationen der Hauptmodelle
Modell | Größe (Zoll) | Größe (cm) | Definition (Pixel) | Auflösung (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 |
November 9 | 6,57 “ | 16,7 cm | 2340 x 1080 px | ~ 392 PPP |
November 9 ist | 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 (entfaltet) | 7,85 “ | 19,9 cm | 2496 x 2224 px | ~ 426 PPP |
Die angegebene Länge entspricht der der Diagonalen (in Zoll und cm).
Um mehr über Größen und/oder technische Eigenschaften zu erfahren (Abmessungen, Speicher, Prozessor, Batterie, Fotomsensoren usw.), Sie können das Huawei -Vergleichstool (auf der Website) verwenden,.
Mit Filterkriterien (Baker Site)
Tabletgröße
Sie finden unter den Bildschirmgrößen der häufigsten Tablets auf dem Markt (Apple iPad und Samsung Galaxy -Registerkarte). Es kann mehrere Varianten dieser Modelle geben, aber die Eigenschaften sind im Allgemeinen ähnlich.
Spezifikationen der Hauptmodelle
Modell | Größe (Zoll) | Größe (cm) | Definition (Pixel) | Auflösung (PPP) |
---|---|---|---|---|
iPad mini (6. Generation Gen.)) | 8.3 “ | 21,1 cm | 2266 x 1488 px | 326 pp |
iPad (9. Generation.)) | 10.2 “ | 25,9 cm | 2160 x 1620 px | 264 Ppp |
iPad (10. Generation.)) | 10.9 “ | 27,7 cm | 2360 x 1640 px | 264 Ppp |
iPad Air (5. Generation Generation.)) | 10.9 “ | 27,7 cm | 2360 x 1640 px | 264 Ppp |
iPad pro 11 “(4. Generation.)) | 11 “ | 27,9 cm | 2388 x 1668 px | 264 Ppp |
iPad Pro 12,9 “(6. Generation.)) | 12,9 “ | 32,8 cm | 2732 x 2048 px | 264 Ppp |
Die angegebene Länge entspricht der der Diagonalen (in Zoll und cm).
Weitere Informationen zu den verschiedenen iPad -Modellen (vollständige Eigenschaften) zögern Sie nicht, den iPad -Komparator (auf Apple zu verwenden.com). Sie finden alle Bilder, die Variationen nach Farbe und die vollständigen technischen Spezifikationen.
Mit Filterkriterien (Baker Site)
Spezifikationen der Hauptmodelle
Modell | Größe (Zoll) | Größe (cm) | Definition (Pixel) | Auflösung (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 |
Erstellen Sie eine reaktionsschnelle Anwendung mit UIKIT für iOS
Um sich ruhig an die Frage der Screening von Bildschirmgrößen zu wenden, beginnen wir, indem wir die Größen umgehen, die Sie in iOS verwalten müssen.
Erfassen Sie die Bildschirmgrößen
Wir sprechen normalerweise über Bildschirmgrößen in Zoll (notiert ”), und wir Messen Sie die Diagonale.
In iOS gibt es zwei große Größenfamilien:
- iPhone Größen;
- iPad Größen.
In jeder Familie gibt es verschiedene Größen, die im folgenden Diagramm enthalten sind.
Gerät
Größe
iPad Pro Big 1, 2
iPad pro klein 2
iPad pro klein 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
Diese Tabelle fasst die zusammen Zwölf Größen In der iOS -Familie mit der umfassenden Liste aller zugehörigen iOS -Geräte vorhanden. Sie müssen das alles auswendig wissen. Ich weiß nur, dass es sechs Größen für das iPhone und sechs für das iPad gibt. Und diese zwölf Größen können Sie sie alle im Storyboard visualisieren !
Visualisieren Sie die Größen im Storyboard
Verwenden Sie den Größenwählers, um die Größe der Schnittstelle im Storyboard zu ändern. Unten links im Storyboard haben Sie die folgende Schaltfläche:
Klicken Sie darauf, um den Größenwähler anzuzeigen.
Hier können Sie die Größe auswählen, die die Schnittstellen Ihres Storyboards anzeigen möchten. Standardmäßig ist die Größe der des iPhone 8 Plus, aber Sie können dies nach Belieben ändern.
Ich lade Sie ein, ein wenig mit den verschiedenen Größen zu spielen. Es gibt drei mögliche Einstellungen:
Die Größe
Mit der Bildschirmgröße können Sie einfach die Bildschirmgröße auswählen, die Sie anzeigen möchten.
Es gibt acht Größen für das iPhone, aber es gibt nur eine Größe für das iPad ! Sie vergaßen?
Gut gesehen ! Mit zwölf Größen, die insgesamt verfügbar sind, wollte Apple vermeiden, eine zu lange Liste anzuzeigen. Versuchen Sie jedoch, rechts neben der Liste auf das iPad zu klicken. Es wird sofort aktualisiert, indem die verfügbaren iPads Magic angezeigt werden !
Orientierungshilfe
Sie können beschließen, Landschaft oder Porträtorientierung anzuzeigen, indem Sie eine Rotation auf die Anzeige anwenden:
Anpassung
Wenn Sie eines der iPads im Selektor auswählen, ist eine dritte Einstellung verfügbar: Anpassung.
In der Tat können auf dem iPad zwei Anwendungen nebeneinander angezeigt werden. Apple nennt diese geteilte Ansicht. Plötzlich erfolgt die Anwendung nicht mehr den gesamten Bildschirm. Daher ist es erforderlich, die Variation der Größe der Schnittstelle in diesem Fall zu bestimmen. Und es ist mit der Einstellung Anpassung das kann sich visualisiert werden.
Zusammenfassend
- Es gibt zwölf verschiedene Bildschirmgrößen für iOS -Geräte: vier für das iPad und acht für das iPhone.
- Wie im Vorschautmodus können Sie im vorherigen Kapitel mit dem Größenwähler visualisieren, was Ihre Anwendung auf verschiedenen Geräten direkt im Storyboard gibt. Und Sie können sehen, dass es nicht sehr überzeugend ist, sobald wir das iPhone 8 Plus verlassen, nicht sehr überzeugend ist !
Ab dem nächsten Spiel werden wir dieses Problem lösen ! Überprüfen Sie jedoch vor dem Tauchen Ihre Fähigkeiten im Quiz. Wir sehen uns !