Δημιουργήστε μια εφαρμογή που ανταποκρίνεται στο uikit για iOS

iPhone 6+, 6s+, 7+, 8+

Μέγεθος οθόνης κινητής τηλεφωνίας και tablet

Η ανάλυση μεγέθους και οθόνης είναι δύο βασικά χαρακτηριστικά που πρέπει να ληφθούν υπόψη κατά την επιλογή ενός smartphone ή tablet. Η παρακάτω εικόνα σας επιτρέπει συγκρίνετε οπτικά τις τάξεις μεγέθους (Διαγώνια σε κατεστημένο και CM) των πιο συνηθισμένων μεγεθών οθόνης των φορητών συσκευών.

Ειδικότερα για τα smartphones, οι οθόνες φορητών συσκευών είναι γενικά όλο και πιο μεγάλες. Αυτή η αύξηση του μεγέθους έχει τα πλεονεκτήματά του, αλλά και τα μειονεκτήματά του:

• Άνεση στη χρήση
  Όσο μεγαλύτερη είναι η οθόνη, τόσο πιο άνετα θα είναι να χρησιμοποιήσετε εφαρμογές, να περιηγηθείτε στον ιστό ή να παρακολουθήσετε ταινίες και σειρές. Τα κλειδιά στο εικονικό πληκτρολόγιο θα είναι επίσης μεγαλύτερα.
• Δυνατότητα μεταφοράς και ελιγμών
  Μια συσκευή με μεγάλη οθόνη θα είναι πιο ογκώδης και λιγότερο βολική, ειδικά για smartphones για τα οποία θα είναι συχνά απαραίτητο να χρησιμοποιήσετε και τα δύο χέρια για να φτάσετε σε ορισμένα τμήματα της οθόνης αφής.

Παράλληλα με το μέγεθος, το αναλογία Οι οθόνες (αναλογία ύψους/πλάτους) έχουν επίσης εξελιχθεί με την πάροδο του χρόνου. Αυτή η εξέλιξη οφείλεται κυρίως στον εκδημοκρατισμό των “χωρίς σύνορα” κινητών τηλεφώνων, δηλαδή χωρίς κουμπιά συνόρων ή υποδοχής.

Η οθόνη είναι μεγαλύτερη, αλλά είναι επίσης πιο επιμήκη (και με στρογγυλεμένες γωνίες). Η μορφή αυξήθηκε σταδιακά από το κλασικό 16/9 σε μέσο όρο 19.5/9. Θα παρατηρήσετε επίσης ότι σε πολλά μοντέλα (ειδικότερα το iPhone), μέρος της επιφάνειας της οθόνης προέρχεται από την κορυφή από μια εγκοπή (η “εγκοπή”) που περιλαμβάνει τους αισθητήρες, το ηχείο και την μετωπική κάμερα.

Μέγεθος smartphone

Τα παρακάτω τμήματα έχουν ένα Αντιπρόσωπος της επιτροπής των μεγεθών οθόνης Τα πιο δημοφιλή μοντέλα iOS και Android (Apple iPhone και Samsung Galaxy Ranges ειδικότερα).

Προδιαγραφές οθόνης των κύριων μοντέλων

Με απλότητα, η ανώτερη εγκοπή (εγκοπή) έχει εκπροσωπηθεί με τον ίδιο τρόπο σε κάθε οπτικό, αλλά μπορεί να είναι διαφορετικό ανάλογα με τις εκδόσεις (12, 13, 14, max, pro, more, κλπ.Ουσία.

Μοντέλο	Μέγεθος (ίντσα)	Μέγεθος (cm)	Ορισμός (εικονοστοιχεία)	Ανάλυση (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 (μίνι)	5.4 “	13,7 cm	2340 x 1080 px	476 ΣΔΙΤ
iPhone 12/13 (Pro και 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 συν	6.7 “	17 εκατοστά	2778 x 1284 px	458 PPI
iPhone 14 Pro Max	6.7 “	17 εκατοστά	2796 x 1290 px	460 PPI

Το μήκος που υποδεικνύεται αντιστοιχεί σε αυτό της διαγώνιας (σε ίντσες και CM).

Το διάγραμμα και ο πίνακας παραπάνω απεικονίζουν σαφώς την τάση για την επέκταση των μεγεθών οθόνης κινητής τηλεφωνίας με την πάροδο του χρόνου. Επιπλέον, για μια πιο λεπτομερή σύγκριση των διαφορετικών μοντέλων, μπορείτε επίσης να χρησιμοποιήσετε το iPhone Comparator (στον ιστότοπο της Apple).

Με κριτήρια φιλτραρίσματος (τοποθεσία αρτοποιού)
Τι είναι η ανάλυση PPP ?

είναι για το πυκνότητα pixel της οθόνης. Μονάδα PPP πράγματι σημαίνει Εικονοστοιχείο ανά ίντσα (Στα αγγλικά PPI, εικονοστοιχεία ανά ίντσα). Αυτή η τιμή υποδεικνύει έτσι τον αριθμό των εικονοστοιχείων σε έναν αντίχειρα μήκους (2.54 cm). Όσο υψηλότερο είναι, τόσο πιο ακριβής θα είναι η οθόνη.

Οι τρέχουσες οθόνες smartphones (για παράδειγμα η Apple Retina) έχουν πολύ υψηλή ανάλυση και τα εικονοστοιχεία είναι γενικά αδιαίρετα.

Για περισσότερες πληροφορίες, ανατρέξτε στη σελίδα ορισμού και ανάλυσης οθόνης.

Προδιαγραφές οθόνης των κύριων μοντέλων

Μοντέλο	Μέγεθος (ίντσα)	Μέγεθος (cm)	Ορισμός (εικονοστοιχεία)	Ανάλυση (PPP)
Γαλαξία 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
Γαλαξία S10	6.1 “	15,5 cm	3040 x 1440 px	~ 550 PPI
Γαλαξία S8+	6.2 “	15,7 cm	2960 x 1440 px	~ 529 ΣΔΙΤ
Galaxy S9+	6.2 “	15,7 cm	2960 x 1440 px	~ 529 ΣΔΙΤ
Γαλαξία S20	6.2 “	15,7 cm	3200 x 1440 px	~ 563 ΣΔΙΤ
Galaxy S21 5G	6.2 “	15,7 cm	2400 x 1080 px	~ 421 ΣΔΙΤ
Γαλαξία S10+	6.4 “	16,3 cm	3040 x 1440 px	~ 522 ΣΔΙΤ
Galaxy S10 5G	6.7 “	17 εκατοστά	3040 x 1440 px	~ 505 PPI
Γαλαξία S20+	6.7 “	17 εκατοστά	3200 x 1440 px	~ 525 PPI
Galaxy S21+ 5G	6.7 “	17 εκατοστά	2400 x 1080 px	~ 394 ΣΔΙΤ
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 ΣΔΙΤ
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

Το μήκος που υποδεικνύεται αντιστοιχεί σε αυτό της διαγώνιας (σε ίντσες και CM).

Όπως και ο ανταγωνιστής της Apple, η Samsung παρέχει συγκριτή smartphones (site Samsung Site.com) για να δείτε τις διαφορές μεταξύ των διαφορετικών μοντέλων τους (προδιαγραφές οθόνης, αλλά και μνήμη, επεξεργαστής, διαστάσεις κ.λπ.Ουσία. Δυστυχώς θα βρείτε μόνο τα πιο πρόσφατα προϊόντα τους.

Με κριτήρια φιλτραρίσματος (τοποθεσία αρτοποιού)

Προδιαγραφές των κύριων μοντέλων

Μοντέλο	Μέγεθος (ίντσα)	Μέγεθος (cm)	Ορισμός (εικονοστοιχεία)	Ανάλυση (PPP)
Redmi 9	6.53 “	16,6 cm	2340 x 1080 px	~ 394 ΣΔΙΤ
Redmi (σημείωση) 10/10s	6.5 “	16,5 cm	2400 x 1080 px	~ 405 PPI
Redmi σημείωση 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 εκατοστά	2400 x 1080 px	~ 419 ΣΔΙΤ
Xiaomi 12 Pro / 13 Pro	6.73 “	17,1 cm	3200 x 1440 px	~ 522 ΣΔΙΤ
Xiaomi 13	6.36 “	16,2 cm	2400 x 1080 px	~ 414 ΣΔΙΤ

Το μήκος που υποδεικνύεται αντιστοιχεί σε αυτό της διαγώνιας (σε ίντσες και CM).

Για να δείτε όλες τις τεχνικές προδιαγραφές των smartphones Xiaomi (η σειρά είναι σχετικά ευρεία), συμβουλευτείτε τη σελίδα πληροφοριών του ιστότοπού τους, στο MI.com.

Με κριτήρια φιλτραρίσματος (τοποθεσία αρτοποιού)

Προδιαγραφές των κύριων μοντέλων

Μοντέλο	Μέγεθος (ίντσα)	Μέγεθος (cm)	Ορισμός (εικονοστοιχεία)	Ανάλυση (PPP)
P30	6.1 “	15,5 cm	2340 x 1080 px	~ 422 ΣΔΙΤ
P40	6.1 “	15,5 cm	2340 x 1080 px	~ 422 ΣΔΙΤ
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 ΣΔΙΤ
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 ΣΔΙΤ
Η Nova 9 είναι	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 (ξεδιπλώθηκε)	7.85 “	19,9 cm	2496 x 2224 px	~ 426 ΣΔΙΤ

Το μήκος που υποδεικνύεται αντιστοιχεί σε αυτό της διαγώνιας (σε ίντσες και CM).

Για να μάθετε περισσότερα σχετικά με τα μεγέθη ή/και τα τεχνικά χαρακτηριστικά (διαστάσεις, μνήμη, επεξεργαστής, μπαταρία, αισθητήρες φωτογραφιών κ.λπ.), μπορείτε να χρησιμοποιήσετε το εργαλείο σύγκρισης Huawei (στον ιστότοπό τους).

Με κριτήρια φιλτραρίσματος (τοποθεσία αρτοποιού)

Μέγεθος δισκίου

Θα βρείτε κάτω από τα μεγέθη της οθόνης των πιο συνηθισμένων δισκίων στην αγορά (Apple iPad και Samsung Galaxy Tab). Μπορεί να υπάρχουν πολλές παραλλαγές αυτών των μοντέλων, αλλά τα χαρακτηριστικά είναι γενικά παρόμοια.

Προδιαγραφές των κύριων μοντέλων

Μοντέλο	Μέγεθος (ίντσα)	Μέγεθος (cm)	Ορισμός (εικονοστοιχεία)	Ανάλυση (PPP)
iPad Mini (6ο Gen.Ουσία	8.3 “	21,1 cm	2266 x 1488 px	326 PP
iPad (9ο γεν.Ουσία	10.2 “	25,9 cm	2160 x 1620 px	264 ΣΔΙΤ
iPad (10ο γεν.Ουσία	10.9 “	27,7 cm	2360 x 1640 px	264 ΣΔΙΤ
iPad Air (5ο Gen.Ουσία	10.9 “	27,7 cm	2360 x 1640 px	264 ΣΔΙΤ
iPad Pro 11 “(4ο Gen.Ουσία	11 “	27,9 εκ CM	2388 x 1668 px	264 ΣΔΙΤ
iPad Pro 12.9 “(6ο Gen.Ουσία	12.9 “	32,8 cm	2732 x 2048 px	264 ΣΔΙΤ

Το μήκος που υποδεικνύεται αντιστοιχεί σε αυτό της διαγώνιας (σε ίντσες και CM).

Για περισσότερες λεπτομέρειες σχετικά με τα διάφορα μοντέλα iPad (πλήρη χαρακτηριστικά), μην διστάσετε να χρησιμοποιήσετε το iPad Comparator (στο Apple.com). Θα βρείτε όλα τα γραφικά, τις παραλλαγές ανά χρώμα και τις πλήρεις τεχνικές προδιαγραφές.

Με κριτήρια φιλτραρίσματος (τοποθεσία αρτοποιού)

Προδιαγραφές των κύριων μοντέλων

Μοντέλο	Μέγεθος (ίντσα)	Μέγεθος (cm)	Ορισμός (εικονοστοιχεία)	Ανάλυση (PPP)
Galaxy Tab A7 Lite	8.7 “	22,1 cm	1340 x 800 px	~ 179 ΣΔΙΤ
Galaxy Tab A8	10.5 “	26,7 cm	1920 x 1200 px	~ 216 ΣΔΙΤ
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 ΣΔΙΤ
Galaxy Tab S8 Ultra	14.6 “	37.1 cm	2960 x 1848 PX	~ 239 ΣΔΙΤ

Δημιουργήστε μια εφαρμογή που ανταποκρίνεται στο uikit για iOS

Για να προσεγγίσετε ήρεμα το ζήτημα της προβολής των μεγεθών οθόνης, ας ξεκινήσουμε πηγαίνοντας γύρω από τα μεγέθη που θα πρέπει να διαχειριστείτε στο iOS.

Συλλάβει τα μεγέθη της οθόνης

Συνήθως μιλάμε για μεγέθη οθόνης ίντσα (σημείωσε ”), και εμείς Μετρήστε τη διαγώνιο.

Στο iOS, υπάρχουν δύο μεγάλες οικογένειες μεγεθών:

• μεγέθη iPhone?
• μεγέθη iPad.

Σε κάθε οικογένεια υπάρχουν πολλά διαφορετικά μεγέθη, τα οποία βρίσκονται στο παρακάτω διάγραμμα.

Συσκευή

Μέγεθος

iPad Pro Big 1, 2

iPad Pro Small 2

iPad pro μικρό 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

Αυτός ο πίνακας συνοψίζει το Δώδεκα μεγέθη που υπάρχει στην οικογένεια iOS με τον εξαντλητικό κατάλογο όλων των σχετικών συσκευών iOS. Δεν χρειάζεται να γνωρίζετε όλα αυτά από την καρδιά. Γνωρίζετε μόνο ότι υπάρχουν έξι μεγέθη για το iPhone και έξι για το iPad. Και αυτά τα δώδεκα μεγέθη, μπορείτε να τα απεικονίσετε όλα στο storyboard !

Απεικονίστε τα μεγέθη στον πίνακα ιστοριών

Για να αλλάξετε το μέγεθος της διεπαφής στο storyboard, χρησιμοποιήστε τον επιλογέα μεγεθών. Κάτω από το αριστερό του πίνακα, έχετε το ακόλουθο κουμπί:

Κάντε κλικ σε αυτό για να αποκαλύψετε τον επιλογέα μεγέθους.

Εδώ μπορείτε να επιλέξετε το μέγεθος που θέλετε να εμφανίσετε τις διεπαφές του storyboard σας. Από προεπιλογή, το μέγεθος είναι αυτό του iPhone 8 Plus, αλλά μπορείτε να το αλλάξετε όπως θέλετε.

Σας προσκαλώ να παίξετε λίγο με τα διαφορετικά μεγέθη. Υπάρχουν τρεις πιθανές ρυθμίσεις:

Το μέγεθος

Το μέγεθος της οθόνης σας επιτρέπει να επιλέξετε απλώς το μέγεθος της οθόνης που θέλετε να δείτε.

Υπάρχουν οκτώ μεγέθη για το iPhone, αλλά υπάρχει μόνο ένα μέγεθος για το iPad ! Ξέχασαν?

Καλά ! Με δώδεκα μεγέθη διαθέσιμα σε όλα, η Apple ήθελε να αποφύγει την εμφάνιση πολύ μακρά λίστα. Αλλά προσπαθήστε να κάνετε κλικ στο iPad στα δεξιά της λίστας, θα ενημερωθεί αμέσως προβάλλοντας τα διαθέσιμα iPads, Magic !

Οδηγία

Μπορείτε να αποφασίσετε να εμφανίσετε τον προσανατολισμό του τοπίου ή του πορτρέτου εφαρμόζοντας μια περιστροφή στην οθόνη:

Προσαρμογή

Εάν επιλέξετε ένα από τα iPads στον επιλογέα, είναι διαθέσιμη μια τρίτη ρύθμιση: προσαρμογή.

Πράγματι στο iPad, δύο εφαρμογές μπορούν να εμφανιστούν το ένα δίπλα στο άλλο. Η Apple καλεί αυτήν τη διαχωρισμένη προβολή. Ξαφνικά η εφαρμογή δεν θα λαμβάνει πλέον ολόκληρη την οθόνη, είναι επομένως απαραίτητο να παρέχουμε τη διακύμανση του μεγέθους της διεπαφής σε αυτή την περίπτωση. Και είναι με τη ρύθμιση Προσαρμογή που μπορεί να το απεικονιστεί.

Συνοψίζοντας

• Υπάρχουν δώδεκα διαφορετικά μεγέθη οθόνης για συσκευές iOS: τέσσερα για το iPad και οκτώ για το iPhone.
• Όπως και με τη λειτουργία προεπισκόπησης, στο προηγούμενο κεφάλαιο, ο επιλογέας μεγέθους σας επιτρέπει να απεικονίσετε τι δίνει η εφαρμογή σας σε διαφορετικές συσκευές απευθείας στο storyboard. Και μπορείτε να το δείτε μόλις φεύγουμε από το iPhone 8 Plus, δεν είναι πολύ πειστικό !

Από το επόμενο παιχνίδι, θα αρχίσουμε να λύσουμε αυτό το πρόβλημα ! Αλλά πριν από την κατάδυση, ελέγξτε τις ικανότητές σας στο κουίζ. �� Τα λέμε !