Створіть чуйну програму з Uikit для iOS

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

Мобільний розмір екрана та планшет

Розмір та роздільна здатність екрана – це дві важливі функції, які слід враховувати при виборі смартфона або планшета. Ілюстрація нижче дозволяє вам Візуально порівнювати порядок масштабу (Діагоналі в діючі та СМ) найпоширеніших розмірів екрану портативних пристроїв.

Зокрема, для смартфонів екрани портативних пристроїв, як правило, все більш великі. Це збільшення розмірів має свої переваги, але також свої недоліки:

• Комфорт у використанні
  Чим більший екран, тим зручніше буде використовувати програми, орієнтуватися в Інтернеті або дивитися фільми та серії. Клавіші на віртуальній клавіатурі також будуть більшими.
• Транспортування та маневреність
  Пристрій з великим екраном буде більш об’ємним і менш зручним, особливо для смартфонів, для яких буде часто потрібно використовувати обидві руки для досягнення певних частин сенсорного екрану.

Паралельно з розміром, співвідношення Екрани (співвідношення висоти/ширини) також розвивалися з часом. Цей розвиток в основному пояснюється демократизацією “мобільних телефонів”, тобто без кордонів або кнопок прийому.

Екран більший, але він також витягнутий (і з закругленими кутами). Формат поступово збільшувався з класичного 16/9 до середнього рівня 19.5/9. Ви також помітите, що на багатьох моделях (зокрема iPhone) частина поверхні дисплея зкублена вгорі на виїмку (“виріз”), яка включає датчики, динамік та фронтальну камеру.

Розмір смартфона

У розділах нижче є Панель представника розмірів екрана Найпопулярніші моделі iOS та Android (зокрема, Apple iPhone та Samsung Galaxy).

Специфікації екрана основних моделей

За простотою верхня виїмка (виїмка) була представлена ​​однаково на кожному візуальному, але може бути різним залежно від версій (12, 13, 14, макс, про, більше тощо.)).

Модель	Розмір (дюйм)	Розмір (см)	Визначення (пікселі)	Роздільна здатність (ДПП)
IPhone 6	4.7 “	11,9 см	1334 x 750 px	326 pp
iPhone 6s	4.7 “	11,9 см	1334 x 750 px	326 pp
iPhone 7	4.7 “	11,9 см	1334 x 750 px	326 pp
iPhone 8	4.7 “	11,9 см	1334 x 750 px	326 pp
iPhone 6 Plus	5,5 “	14 см	1920 x 1080 px	401 PPI
iPhone 6s Plus	5,5 “	14 см	1920 x 1080 px	401 PPI
iPhone 7 Plus	5,5 “	14 см	1920 x 1080 px	401 PPI
iPhone 8 Plus	5,5 “	14 см	1920 x 1080 px	401 PPI
iPhone X	5.8 “	14,7 см	2436 x 1125 px	458 PPI
iPhone XS	5.8 “	14,7 см	2436 x 1125 px	458 PPI
iPhone 11 Pro	5.8 “	14,7 см	2436 x 1125 px	458 PPI
iPhone XR	6.1 “	15,5 см	1792 x 828 px	326 pp
iPhone 11	6.1 “	15,5 см	1792 x 828 px	326 pp
iphone xs max	6.5 “	16,5 см	2688 x 1242 px	458 PPI
iPhone 11 Pro Max	6.5 “	16,5 см	2688 x 1242 px	458 PPI
iPhone 12/13 (Mini)	5.4 “	13,7 см	2340 x 1080 px	476 ДПП
iPhone 12/13 (Pro та Standard) / 14	6.1 “	15,5 см	2352 x 1170 px	460 PPI
iPhone 14 Pro	6.1 “	15,5 см	2556 x 1179 px	460 PPI
iPhone 12/13 (Pro Max) / 14 Plus	6.7 “	17 см	2778 x 1284 px	458 PPI
iPhone 14 Pro Max	6.7 “	17 см	2796 x 1290 px	460 PPI

Позначена довжина відповідає діагоналі (в дюймах і см).

Діаграма та таблиця вище чітко ілюструють тенденцію до розширення розмірів мобільних екранів з часом. Крім того, для більш детального порівняння різних моделей ви також можете використовувати компаратор iPhone (на сайті Apple).

З критеріями фільтрації (сайт пекаря)
Що таке роздільна здатність ДПП ?

Йдеться про щільність пікселів екрана. Блок ДПП дійсно означає Піксель на дюйм (Англійською РПІ, пікселі на дюйм). Таким чином, це значення вказує на кількість пікселів на великому пальці довжини (2.54 см). Чим вище, тим точніше буде дисплей.

Поточні екрани смартфонів (наприклад, Apple сітківка) мають дуже високу роздільну здатність, і пікселі, як правило, не відрізняються.

Для отримання додаткової інформації див. Сторінку визначення та роздільної здатності екрана.

Специфікації екрана основних моделей

Модель	Розмір (дюйм)	Розмір (см)	Визначення (пікселі)	Роздільна здатність (ДПП)
Galaxy S8	5.8 “	14,7 см	2960 x 1440 px	~ 570 PPI
Galaxy S9	5.8 “	14,7 см	2960 x 1440 px	~ 570 PPI
Galaxy S10E	5.8 “	14,7 см	2280 x 1080 px	~ 438 PPI
Galaxy S10	6.1 “	15,5 см	3040 x 1440 px	~ 550 ІПС
Galaxy S8+	6.2 “	15,7 см	2960 x 1440 px	~ 529 ppp
Galaxy S9+	6.2 “	15,7 см	2960 x 1440 px	~ 529 ppp
Galaxy S20	6.2 “	15,7 см	3200 x 1440 px	~ 563 PPP
Galaxy S21 5G	6.2 “	15,7 см	2400 x 1080 px	~ 421 PPP
Galaxy S10+	6.4 “	16,3 см	3040 x 1440 px	~ 522 ppp
Galaxy S10 5G	6.7 “	17 см	3040 x 1440 px	~ 505 ppi
Galaxy 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 см	3200 x 1440 px	~ 515 PPI
Galaxy S20 Ultra	6.9 “	17,5 см	3200 x 1440 px	~ 511 ppp
Galaxy S22/S23	6.1 “	15,5 см	2340 x 1080 px	~ 422 ppp
Galaxy S22+/S23+	6.6 “	16,8 см	2340 x 1080 px	~ 390 PPI
Galaxy S22 Ultra/S23 Ultra	6,8 “	17,3 см	3088 x 1440 px	~ 501 ppi

Позначена довжина відповідає діагоналі (в дюймах і см).

Як і його конкурент Apple, Samsung надає компаратор смартфонів (сайт Samsung.com) Для перегляду відмінностей між їх різними моделями (специфікації на екрані, а також пам’ять, процесор, розміри тощо.)). На жаль, ви знайдете лише останні продукти.

З критеріями фільтрації (сайт пекаря)

Технічні характеристики основних моделей

Модель	Розмір (дюйм)	Розмір (см)	Визначення (пікселі)	Роздільна здатність (ДПП)
Редмі 9	6.53 “	16,6 см	2340 x 1080 px	~ 394 ППП
Redmi (примітка) 10/10с	6.5 “	16,5 см	2400 x 1080 px	~ 405 PPI
Redmi Note 11/11s	6.43 “	16,3 см	2400 x 1080 px	~ 409 ДПП
Redmi Note 11 Pro / Pro+	6.67 “	16,9 см	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 см	3200 x 1440 px	~ 522 ppp
Xiaomi 13	6.36 “	16,2 см	2400 x 1080 px	~ 414 ППП

Позначена довжина відповідає діагоналі (в дюймах і см).

Щоб побачити всі технічні специфікації смартфонів Xiaomi (діапазон відносно широкий), проконсультуйтеся з інформаційною сторінкою свого сайту, в MI.com.

З критеріями фільтрації (сайт пекаря)

Технічні характеристики основних моделей

Модель	Розмір (дюйм)	Розмір (см)	Визначення (пікселі)	Роздільна здатність (ДПП)
P30	6.1 “	15,5 см	2340 x 1080 px	~ 422 ppp
P40	6.1 “	15,5 см	2340 x 1080 px	~ 422 ppp
P30	6.15 “	15,6 см	2312 x 1080 px	~ 415 ppp
P40 Lite	6.4 “	16,3 см	2310 x 1080 px	~ 398 PPI
P30 Pro	6.47 “	16,4 см	2340 x 1080 px	~ 398 PPI
P40 Pro	6.58 “	16,7 см	2640 x 1200 px	~ 441 PPP
P60 Pro	6.67 “	16,9 см	2700 x 1200 px	~ 443 PPI
Нова 9	6.57 “	16,7 см	2340 x 1080 px	~ 392 ppp
Нова 9 є	6.78 “	17,2 см	2388 x 1080 px	~ 387 PPI
Mate 50 pro	6.74 “	17,1 см	2616 x 1212 px	~ 428 PPI
Mate x3 (розгортається)	7,85 “	19,9 см	2496 x 2224 px	~ 426 ppp

Позначена довжина відповідає діагоналі (в дюймах і см).

Щоб дізнатися більше про розміри та/або технічні характеристики (розміри, пам’ять, процесор, акумулятор, датчики фотографій тощо.), ви можете використовувати інструмент порівняння Huawei (на їхньому сайті).

З критеріями фільтрації (сайт пекаря)

Розмір планшета

Ви знайдете нижче розмірів екрану найпоширеніших планшетів на ринку (Apple iPad та Samsung Galaxy Tab). Може бути багато варіантів цих моделей, але характеристики, як правило, схожі.

Технічні характеристики основних моделей

Модель	Розмір (дюйм)	Розмір (см)	Визначення (пікселі)	Роздільна здатність (ДПП)
ipad mini (6 -й ген.))	8.3 “	21,1 см	2266 x 1488 px	326 pp
ipad (9 -й ген.))	10.2 “	25,9 см	2160 x 1620 px	264 ДПП
iPad (10 -й ген.))	10.9 “	27,7 см	2360 x 1640 px	264 ДПП
iPad Air (5 -й ген.))	10.9 “	27,7 см	2360 x 1640 px	264 ДПП
iPad Pro 11 “(4 -й ген.))	11 “	27,9 см	2388 x 1668 px	264 ДПП
iPad Pro 12.9 “(6 -й ген.))	12,9 “	32,8 см	2732 x 2048 px	264 ДПП

Позначена довжина відповідає діагоналі (в дюймах і см).

Детальніше про різні моделі iPad (повні характеристики), не соромтеся використовувати компаратор iPad (на Apple.com). Ви знайдете всі візуальні зображення, варіації за кольором та повні технічні характеристики.

З критеріями фільтрації (сайт пекаря)

Технічні характеристики основних моделей

Модель	Розмір (дюйм)	Розмір (см)	Визначення (пікселі)	Роздільна здатність (ДПП)
Вкладка Galaxy A7 Lite	8.7 “	22.1 см	1340 x 800 px	~ 179 ДПП
Вкладка Galaxy A8	10.5 “	26,7 см	1920 x 1200 px	~ 216 ДПП
Galaxy Tab S7 / S8	11 “	27,9 см	2560 x 1600 px	~ 274 ppp
Galaxy Tab S7+ / S8+	12.4 “	31,5 см	2800 x 1752 px	~ 266 ДПП
Galaxy Tab S8 Ultra	14.6 “	37,1 см	2960 x 1848 px	~ 239 ДПП

Створіть чуйну програму з Uikit для iOS

Щоб спокійно підійти до питання про екранізацію розмірів екрану, почнемо з обхід розмірів, яким вам доведеться керувати в iOS.

Затримайте розміри екрана

Зазвичай ми говоримо про розміри екрана в дюйм (зазначається ”), і ми Виміряйте діагональ.

В iOS є дві великі сім’ї розмірів:

• Розміри iPhone;
• Розміри iPad.

У кожній родині є кілька різних розмірів, які знаходяться на схемі нижче.

Пристрій

Розмір

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

Ця таблиця підсумовує дванадцять розмірів існує в сім’ї iOS з вичерпним списком усіх пов’язаних пристроїв iOS. Не потрібно, що ти все це знаєш напам’ять. Тільки знайте, що для iPhone є шість розмірів та шість для iPad. І ці дванадцять розмірів, ви можете візуалізувати їх у розповіді !

Візуалізуйте розміри в розповіді

Щоб змінити розмір інтерфейсу в розповіді, використовуйте селектор розмірів. Нижня ліворуч від дошки, у вас є наступна кнопка:

Клацніть на нього, щоб розкрити вибір розміру.

Тут ви можете вибрати розмір, який ви хочете відобразити інтерфейси вашої розповіді. За замовчуванням розмір – це iPhone 8 Plus, але ви можете змінити це, як завгодно.

Запрошую вас грати трохи з різними розмірами. Є три можливі налаштування:

Розмір

Розмір екрана дозволяє просто вибрати розмір екрана, який потрібно переглянути.

Для iPhone є вісім розмірів, але для iPad є лише один розмір ! Вони забули?

Добре видно ! Завдяки дванадцяти розмірах, доступних усього, Apple хотіла уникнути занадто довгого списку. Але спробуйте натиснути на iPad праворуч від списку, він буде оновлений миттєво, відображаючи доступні iPad, Magic !

Керівництво

Ви можете вирішити відобразити пейзаж або орієнтацію на портрет, застосувавши обертання на дисплей:

Адаптація

Якщо ви вибрали один із iPad у селекторі, доступна третя налаштування: Адаптація.

Дійсно на iPad, два програми можуть відображатися поруч один з одним. Apple називає цей розділений вид. Раптом програма більше не займе весь екран, тому необхідно забезпечити зміну розміру інтерфейсу в цьому випадку. І це з налаштуванням Адаптація що можна візуалізувати.

Підсумовуючи

• Для пристроїв iOS є дванадцять різних розмірів екрану: чотири для iPad та вісім для iPhone.
• Як і у режимі попереднього перегляду, у попередньому розділі селектор розміру дозволяє візуалізувати те, що ваша програма дає на різних пристроях безпосередньо в розповіді. І ви можете це побачити, як тільки ми залишимо iPhone 8 Plus, це не дуже переконливо !

З наступної гри ми почнемо вирішувати цю проблему ! Але перед дайвінгом перевірте свої навички у вікторині. �� До зустрічі !