Настройка готового шаблона интерфейса №2
документация обновлена 01.01.2024
Шаблон используется в стилях:
- Flex;
- Classical Black;
- Classical White;
- iOS 13 Black;
- iOS 13 White.
Масштабирование шаблона для планшета
Более подробно процесс масштабирования показывается в видео-инструкции.
Исходный шаблон для iPad Air Retina 2048×1536
- Открыть файл проекта .irpz шаблона в iRidi Studio.
- Произвести масштабирование (resize) разрешения экрана согласно таблице.
| Адаптация шаблона для | Порядок |
|---|---|
| iPhone 5/5S/5C/SE 640×1136 | 1. 2048×1536 → 1136×640 (Without items) 2. Сохранить проект шаблона |
| iPad 8 (2020) / iPad 7 (2019) 2160×1620 | 1. 2048×1536 → 2160×1620 (Without items) 2. Сохранить проект шаблона 3. Открыть проект шаблона как zip-архив и импортировать новые изображения |
| iPad Air 3 (2019) 2224×1668 | 1. 2048×1536 → 2224×1668 (Without items) 2. Сохранить проект шаблона 3. Открыть проект шаблона как zip-архив и импортировать новые изображения |
| iPad Air 4 (2020) 2360×1640 | 1. 2048×1536 → 2187×1640 (Orientation: Landscape, Item scaling: With items - proportional) 2. 2187×1640 → 2360×1640 (Orientation: Landscape, Item scaling: Without items) 3. Исправить ширину элементов у попапов в папке TABLET_POPUPS, изменить координаты для попапа LIST_WIDGET_TABLET 4. Сохранить проект шаблона 5. Открыть проект шаблона как zip-архив и импортировать новые изображения |
| iPad Pro 11 (2021) 2388×1668 | 1. 2048×1536 → 2224×1668 (Orientation: Landscape, Item scaling: With items - proportional) 2. 2224×1668 → 2388×1668 (Orientation: Landscape, Item scaling: Without items) 3. Исправить ширину элементов у попапов в папке TABLET_POPUPS, изменить координаты для попапа LIST_WIDGET_TABLET 4. Сохранить проект шаблона 5. Открыть проект шаблона как zip-архив и импортировать новые изображения |
| iPad Pro 12,9'' 2732×2048 | 1. 2048×1536 → 2732×2048 (Without items) 2. Сохранить проект шаблона 3. Открыть проект шаблона как zip-архив и импортировать новые изображения |
| Планшет W×H Аккуратность масштабирования шаблонов не гарантируется | При W/H = 2048/1536 = 1,33: 1. 2048×1536 → W×H (Without items) 2. Сохранить проект шаблона При W/H < 1,33: 1. 2048×1536 → W×H1 (With items - proportional), где H1 = 1536 × W / 2048 (округлить до целого) 2. W×H1 → W×H (Without items) 3. Исправить ширину попапов в папке TABLET_POPUPS 4. Сохранить проект шаблона При W/H > 1,33: 1. 2048×1536 → W1×H (With items - proportional), где W1 = 2048 × H / 1536 (округлить до целого) 2. W1×H → W×H (Without items) 3. Исправить ширину попапов в папке TABLET_POPUPS 4. Сохранить проект шаблона 5. Открыть проект шаблона как zip-архив и импортировать новые изображения |
Масштабирование шаблона для телефона
Более подробно процесс масштабирования показывается в видео-инструкции.
Сначала преобразуйте шаблон iPad Air Retina 2048×1536 в шаблон для iPhone 5/5S/5C/SE 640×1136.
Исходный шаблон для iPhone 5/5S/5C/SE 640×1136
- Открыть файл проекта .irpz шаблона в iRidi Studio.
- Произвести масштабирование (resize) разрешения экрана согласно таблице.
| Адаптация шаблона для | Порядок |
|---|---|
| iPad Air Retina 2048×1536 | 1. 1136×640 → 2048×1536 (Without items) 2. Сохранить проект шаблона |
| iPhone 6/7/8 750×1334 | 1. 1136×640 → 1331×750 (Orientation: Landscape, Item scaling: With items - proportional) 2. 1331×750 → 1334×750 (Orientation: Landscape, Item scaling: Without items) 3. Исправить высоту попапов и списков в папке PHONE_POPUPS 4. Сохранить проект шаблона 5. Открыть проект шаблона как zip-архив и импортировать новые изображения |
| iPhone 6 Plus/7 Plus/8 Plus 1080×1920 | 1. 1136×640 → 1917×1080 (Orientation: Landscape, Item scaling: With items - proportional) 2. 1917×1080 → 1920×1080 (Orientation: Landscape, Item scaling: Without items) 3. Исправить высоту попапов и списков в папке PHONE_POPUPS 4. Сохранить проект шаблона 5. Открыть проект шаблона как zip-архив и импортировать новые изображения |
| iPhone XR/11 1792×828 | 1. 1136×640 → 1470×828 (Orientation: Landscape, Item scaling: With items - proportional) 2. 1470×828 → 1792×828 (Orientation: Landscape, Item scaling: Without items) 3. Исправить высоту попапов и списков в папке PHONE_POPUPS 4. Сохранить проект шаблона 5. Открыть проект шаблона как zip-архив и импортировать новые изображения |
| iPhone X/XS/11 Pro 1125×2436 | 1. 1136×640 → 1997×1125 (Orientation: Landscape, Item scaling: With items - proportional) 2. 1997×1125 → 2436×1125 (Orientation: Landscape, Item scaling: Without items) 3. Исправить высоту попапов и списков в папке PHONE_POPUPS 4. Сохранить проект шаблона 5. Открыть проект шаблона как zip-архив и импортировать новые изображения |
| iPhone XS Max/11 Pro Max 1242×2688 | 1. 1136×640 → 2204×1242 (Orientation: Landscape, Item scaling: With items - proportional) 2. 2204×1242 → 2688×1242 (Orientation: Landscape, Item scaling: Without items) 3. Исправить высоту попапов и списков в папке PHONE_POPUPS 4. Сохранить проект шаблона 5. Открыть проект шаблона как zip-архив и импортировать новые изображения |
| iPhone 12 mini/13 mini 1080×2340 | 1. 1136×640 → 1917×1080 (Orientation: Portrait, Item scaling: With items - proportional) 2. 1917×1080 → 2340×1080 (Orientation: Portrait, Item scaling: Without items) 3. Исправить высоту попапов и списков в папке PHONE_POPUPS 4. Сохранить проект шаблона 5. Открыть проект шаблона как zip-архив и импортировать новые изображения |
| iPhone 12/12 Pro/13/13 Pro/14 1170×2532 | 1. 1136×640 → 2077×1170 (Orientation: Portrait, Item scaling: With items - proportional) 2. 2077×1170 → 2532×1170 (Orientation: Portrait, Item scaling: Without items) 3. Исправить высоту попапов и списков в папке PHONE_POPUPS 4. Сохранить проект шаблона 5. Открыть проект шаблона как zip-архив и импортировать новые изображения |
| iPhone 12 Pro Max/13 Pro Max/14 Plus 1284×2778 | 1. 1136×640 → 2279×1284 (Orientation: Portrait, Item scaling: With items - proportional) 2. 2279×1284 → 2778×1284 (Orientation: Portrait, Item scaling: Without items) 3. Исправить высоту попапов и списков в папке PHONE_POPUPS 4. Сохранить проект шаблона 5. Открыть проект шаблона как zip-архив и импортировать новые изображения |
| iPhone 14 Pro/15/15 Pro 1179×2556 | 1. 1136×640 → 2093×1179 (Orientation: Portrait, Item scaling: With items - proportional) 2. 2093×1179 → 2556×1179 (Orientation: Portrait, Item scaling: Without items) 3. Исправить высоту попапов и списков в папке PHONE_POPUPS 4. Сохранить проект шаблона 5. Открыть проект шаблона как zip-архив и импортировать новые изображения |
| iPhone 14 Pro Max/15 Pro Max/15 Plus 1290×2796 | 1. 1136×640 → 2290×1290 (Orientation: Portrait, Item scaling: With items - proportional) 2. 2290×1290 → 2796×1290 (Orientation: Portrait, Item scaling: Without items) 3. Исправить высоту попапов и списков в папке PHONE_POPUPS 4. Сохранить проект шаблона 5. Открыть проект шаблона как zip-архив и импортировать новые изображения |
| Смартфон W×H Аккуратность масштабирования шаблонов не гарантируется | При W/H = 1136/640 = 1,78: 1. 1136×640 → W×H (Orientation: Portrait, Item scaling: With items - proportional) 2. Исправить высоту попапов и списков в папке PHONE_POPUPS 3. Сохранить проект шаблона При W/H ≠ 1,78: 1. 1136×640 → W1×H (Orientation: Portrait, Item scaling: With items - proportional), где W1 = 1136 × H / 640 (округлить до целого) 2. W1×H → W×H (Orientation: Portrait, Item scaling: Without items) 3. Исправить высоту попапов и списков в папке PHONE_POPUPS 4. Сохранить проект шаблона |
Размеры изображений для стиля Flex
| Изображение | Местоположение (имя попапа) | iPhone 5/5S/5C/SE 640×1136 / iPad Air Retina 2048×1536 | iPhone 6, 7, 8 750×1334 | iPhone 6 Plus, 7 Plus, 8 Plus 1080×1920 | iPhone X 1125×2436 | iPhone 12 mini, 13 mini 1080×2340 | iPhone 12, 12 Pro, 13, 13 Pro, iPhone 14 1170×2532 | iPhone 12 Pro Max, 13 Pro Max 1284×2778 | iPhone 14 Pro, iPhone 15, 15 Pro 1179×2556 | iPhone 14 Pro Max, 15 Pro Max, 15 Plus 1290×2796 | iPad Air 4 2020 2360×1640 | iPad pro 11 2021 2388×1668 | iPad Pro 12,9'' 2732×2048 | iPhone 14 1170×2532 |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Фото дома (телефон) | FLOORS/PHONE_POPUPS_Photo_home | 640×400 | 750×469 | 1080×675 | 1125×703 | 1080×726 | 1170×786 | 1284×863 | 1179×792 | 1290×867 | 683×459 | 695×467 | 854×533 | - |
| Фото дома (планшет) | TABLET_POPUPS/LIST_ALL_ROOMS_IMAGES_TABLET | 1271×885 | 1489×1036 | 2144×1493 | 2234×1555 | 2224×1478 | 2409×1601 | 2644×1757 | 2428×1614 | 2657×1766 | 1568×935 | 1580×951 | 1695×1180 | - |
| Фото комнаты | В каждой папке комнаты (Photo-room) | 640×920 | 750×1078 | 1080×1552 | 1125×1617 | 1107×1218 | 1199×1320 | 1316×1448 | 1208×1330 | 1322×1455 | 872×771 | 882×784 | 854×1227 | - |
| План этажа (планшет) | В каждой папке плана (Floor-Plan-Tablet) | 1311×927 | 1536×1086 | 2212×1564 | 2305×1629 | 2211×1564 | 2397×1695 | 2630×1860 | 2415×1708 | 2641×1868 | 1400×990 | 1424×1007 | 1749×1236 | - |
| План этажа (телефон) | В каждой папке плана (Floor-Plan-Phone) | 572×769 | 670×901 | 965×1298 | 1006×1352 | 1063×1266 | 1151×1371 | 1264×1505 | 1160×1382 | 1270×1512 | 672×801 | 683×814 | 763×1025 | - |
| Обложка в AV виджете | Templates/AV_templates/AV-media | 540×444 | 632×520 | 911×749 | 949×780 | 911×749 | 987×812 | 1083×891 | 995×818 | 1088×895 | 577×474 | 586×482 | 750×668 | - |
Размеры изображений для стилей iOS 13 Black/White
| Изображение | Местоположение (имя попапа) | iPhone 5/5S/5C/SE 640×1136 / iPad Air Retina 2048×1536 | iPhone 6, 7, 8 750×1334 | iPhone 6 Plus, 7 Plus, 8 Plus 1080×1920 | iPhone X 1125×2436 | iPhone 12 mini, 13 mini 1080×2340 | iPhone 12, 12 Pro, 13, 13 Pro 1170×2532 | iPhone 12 Pro Max, 13 Pro Max 1284×2778 | iPhone 14 Pro, 15, 15 Pro 1179×2556 | iPhone 14 Pro Max, 15 Pro Max, 15 Plus 1290×2796 | iPad Air 4 2020 2360×1640 | iPad pro 11 2021 2388×1668 | iPad Pro 12,9'' 2732×2048 |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Фото дома (телефон) | FLOORS/PHONE_POPUPS_Photo_home | 640×319 | 750×374 | 1080×538 | 1125×561 | 1080×538 | 1170×583 | 1284×640 | 1179×588 | 1290×643 | 683×341 | 695×346 | 854×425 |
| Фото дома (планшет) | TABLET_POPUPS/LIST_ALL_ROOMS_IMAGES_TABLET | 1288×887 | 1509×1039 | 2174×1497 | 2264×1559 | 2174×1497 | 2355×1622 | 2664×1860 | 2373×1634 | 2596×1788 | 1542×947 | 1544×963 | 1718×1183 |
| Фото комнаты | В каждой папке комнаты (Photo-room) | 640×380 | 750×445 | 1080×641 | 1125×668 | 1026×1276 | 1112×1382 | 1220×1517 | 1120×1393 | 1226×1524 | 649×807 | 803×821 | 854×507 |
| План этажа (планшет) | В каждой папке плана (Floor-Plan-Tablet) | 1311×927 | 1536×1086 | 2212×1564 | 2305×1629 | 2211×1564 | 2397×1695 | 2630×1860 | 2415×1708 | 2641×1868 | 1400×990 | 1424×1007 | 1749×1236 |
| План этажа (телефон) | В каждой папке плана (Floor-Plan-Phone) | 640×677 | 750×793 | 1080×1142 | 1125×1190 | 1079×1142 | 1170×1238 | 1283×1358 | 1178×1247 | 1290×1365 | 683×723 | 694×735 | 854×903 |
| Обложка в AV виджете | Templates/AV_templates/AV-media | 575×370 | 674×434 | 970×624 | 1011×650 | 970×624 | 1051×676 | 1154×742 | 1059×682 | 1159×746 | 614×395 | 624×402 | 767×493 |