Перейти к основному содержимому

Настройка готового шаблона интерфейса Lofi

документация обновлена 01.01.2024

Шаблон используется в стилях:

  • Lofi.

Масштабирование шаблона для планшета​

Более подробно процесс масштабирования показывается в видео-инструкции.

Исходный шаблон для iPad Air Retina 2048×1536

  1. Открыть файл проекта .irpz шаблона в iRidi Studio.
  2. Произвести масштабирование (resize) разрешения экрана согласно таблице.
Адаптация шаблона дляПорядок
iPhone 5/5S/5C/SE 640×11361. 2048×1536 → 1136×640 (Without items)
2. Сохранить проект шаблона
iPad 8 (2020), iPad 7 (2019) 2160×16201. 2048×1536 → 2160×1620 (Without items)
2. Сохранить проект шаблона
3. Открыть проект шаблона как zip-архив и импортировать новые изображения
iPad Air 3 (2019) 2224×16681. 2048×1536 → 2224×1668 (Without items)
2. Сохранить проект шаблона
3. Открыть проект шаблона как zip-архив и импортировать новые изображения
iPad mini 6, iPad Air 4 (2020) 2360×16401. 2048×1536 → 2187×1640 (Orientation: Landscape, Item scaling: Without items - proportional)
2. 2187×1640 → 2360×1640 (Without items)
3. Исправить ширину элементов у попапов в папке TABLET_POPUPS, изменить координаты для попапа LIST_WIDGET_TABLET
4. Сохранить проект шаблона
5. Открыть проект шаблона как zip-архив и импортировать новые изображения
iPad Pro 11 (2021) 2388×16681. 2048×1536 → 2224×1668 (Orientation: Landscape, Item scaling: Without items - proportional)
2. 2224×1668 → 2388×1668 (Without items)
3. Исправить ширину элементов у попапов в папке TABLET_POPUPS, изменить координаты для попапа LIST_WIDGET_TABLET
4. Сохранить проект шаблона
5. Открыть проект шаблона как zip-архив и импортировать новые изображения
iPad Pro 12,9'' 2732×20481. 2048×1536 → 2732×2048 (Without items)
2. Сохранить проект шаблона
3. Открыть проект шаблона как zip-архив и импортировать новые изображения
Планшет W×H
Аккуратность масштабирования шаблонов не гарантируется		При W/H = 1,33:
1. 2048×1536 → W×H (Without items)
2. Сохранить проект шаблона
При W/H < 2048/1536 = 1,33:
1. 2048×1536 → W×H1 (Without items), где H1 = 1536 × W / 2048 (округлить до целого)
2. W×H1 → W×H (Without items)
3. Исправить ширину попапов в папке TABLET_POPUPS
4. Сохранить проект шаблона
При W/H > 2048/1536 = 1,33:
1. 2048×1536 → W1×H (Without items), где 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

  1. Открыть файл проекта .irpz шаблона в iRidi Studio.
  2. Произвести масштабирование (resize) разрешения экрана согласно таблице.
Адаптация шаблона дляПорядок
iPad Air Retina 2048×15361. 1136×640 → 2048×1536 (Without items)
2. Сохранить проект шаблона
iPhone 6, 7, 8 750×13341. 1136×640 → 1331×750 (Without items)
2. 1331×750 → 1334×750 (Without items)
3. Исправить высоту попапов и списков в папке PHONE_POPUPS
4. Сохранить проект шаблона
5. Открыть проект шаблона как zip-архив и импортировать новые изображения
iPhone 6 Plus, 7 Plus, 8 Plus 1080×19201. 1136×640 → 1917×1080 (Without items)
2. 1917×1080 → 1920×1080 (Without items)
3. Исправить высоту попапов и списков в папке PHONE_POPUPS
4. Сохранить проект шаблона
5. Открыть проект шаблона как zip-архив и импортировать новые изображения
iPhone XR, iPhone 11 1792×8281. 1136×640 → 1470×828 (Without items)
2. 1470×828 → 1792×828 (Without items)
3. Исправить высоту попапов и списков в папке PHONE_POPUPS
4. Сохранить проект шаблона
5. Открыть проект шаблона как zip-архив и импортировать новые изображения
iPhone X, iPhone XS, iPhone 11 Pro 1125×24361. 1136×640 → 1997×1125 (Without items)
2. 1997×1125 → 2436×1125 (Without items)
3. Исправить высоту попапов и списков в папке PHONE_POPUPS
4. Сохранить проект шаблона
5. Открыть проект шаблона как zip-архив и импортировать новые изображения
iPhone XS Max, iPhone 11 Pro Max 1242×26881. 1136×640 → 2204×1242 (Without items)
2. 2204×1242 → 2688×1242 (Without items)
3. Исправить высоту попапов и списков в папке PHONE_POPUPS
4. Сохранить проект шаблона
5. Открыть проект шаблона как zip-архив и импортировать новые изображения
iPhone 12 mini, 13 mini 1080×23401. 1136×640 → 1917×1080 (Orientation: Portrait, Item scaling: Without 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 1170×25321. 1136×640 → 2077×1170 (Orientation: Portrait, Item scaling: Without 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×27781. 1136×640 → 2279×1284 (Orientation: Portrait, Item scaling: Without items - proportional)
2. 2279×1284 → 2778×1284 (Orientation: Portrait, Item scaling: Without items)
3. Исправить высоту попапов и списков в папке PHONE_POPUPS
4. Сохранить проект шаблона
5. Открыть проект шаблона как zip-архив и импортировать новые изображения
iPhone 14, 14 Pro, 15, 15 Pro 1179×25561. 1136×640 → 2093×1179 (Orientation: Portrait, Item scaling: Without 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×27961. 1136×640 → 2290×1290 (Orientation: Portrait, Item scaling: Without items - proportional)
2. 2290×1290 → 2796×1290 (Orientation: Portrait, Item scaling: Without items)
3. Исправить высоту попапов и списков в папке PHONE_POPUPS
4. Сохранить проект шаблона
5. Открыть проект шаблона как zip-архив и импортировать новые изображения
Смартфон H×W
Аккуратность масштабирования шаблонов не гарантируется		При W/H = 1,78:
1. 1136×640 → W×H (Orientation: Portrait, Item scaling: Without items - proportional)
2. Исправить высоту попапов и списков в папке PHONE_POPUPS
3. Сохранить проект шаблона
При W/H ≠ 1136/640 = 1,78:
1. 1136×640 → W1×H (Orientation: Portrait, Item scaling: Without items - proportional), где W1 = 1136 × H / 640 (округлить до целого)
2. W1×H → W×H (Orientation: Portrait, Item scaling: Without items)
3. Исправить высоту попапов и списков в папке PHONE_POPUPS
4. Сохранить проект шаблона
В этой статье: