Logo Logo ru
  • iRidi Pro
    Основные компоненты
    • Приложение i3 Pro
    • iRidi Pro Server
    • iRidi Studio
    • iRidium studio v. 1.3.8 (устаревшая версия)
    Java Script в iRidi
    • Руководство
    • Справочник
    • Примеры
    • JS драйвера
    другие
    • Личный Кабинет
    • iRidium Cloud
    • iRidium Transfer
    • Push-уведомления
    • Лучшая практика
    Лицензирование
    • Лицензирование и передача проекта
    • Оффлайн-лицензирование
    • Активация iRidi Pro Server
  • Продукты
    i3 lite
    • Приложение i3 lite
    • Регистрация и лицензирование
    • Сервер
    • Модули
    KNX Home Server
    • Приложение i3 KNX
    • KNX Home Server
    BUS77 HOME SERVER
    • Приложения Bus77 Home и Bus77 Lite
    • Bus77 Home Server
    Решения
    • BYOD - решение для гостиниц
    • Портал жителя - решение для МКД
    iRidi SCADA
    • iRidi SCADA
  • Bus77
    НАСТРОЙКА BUS77
    • Основы Bus77
    • Приложения Bus77 Home и Bus77 Lite
    • Работа с драйвером Bus77 в iRidi Studio
    • Настройка шины Bus77 в iRidi Studio
    ПРОТОКОЛ BUS77
    • Характеристики CAN (Bus77)
    • Описание протокола
    • Исходники на GitHub
    ОБОРУДОВАНИЕ BUS77
    • Каталог Bus77 Pro
    • Каталог Bus77 Lite
  • Поддерживаемое оборудование
    Драйверы
    • Список драйверов
    • ProAV драйвера
    • AV & Custom Systems
    • JS драйвера
    • Сторонние драйвера и фриланс
    Протоколы и интерфейсы
    • Голосовое управление
    • 1-Wire
    • BACnet IP
    • Bus77
    • KNX
    • KNX IP BAOS
    • Weinzierl kBerry
    • Microsoft Exchange
    • Modbus
    • MQTT
    • NFC
    • ODBC
    • Onvif
    • SIP
    • SNMP
    • Wake On Lan
    • Z-Wave
    • ZigBee
    Производители
    • AMX
    • AVCiT
    • Beckhoff ADS
    • Biamp Tesira
    • Bluesound
    • Casambi
    • BSS Harman
    • Clipsal
    • ControlArt 7Port
    • Crestron
    • DigiBird
    • Domintell
    • Duotecno
    • EIDE
    • EPSNET
    • Global Cache
    • HDL Buspro
    • Helvar
    • IEAST
    • INELS BUS
    • INELS Wireless
    • Intesis
    • Kleger
    • Kramer VIA
    • Kramer 3000
    • Larnitech
    • Legrand Netatmo
    • LG TV
    • Lutron
    • Lutron Homeworks QS
    • MyHome
    • Nest
    • Novastar
    • Panasоnic PTZ
    • Philips Dynalite
    • PJLink
    • Satel
    • SamsungTV
    • Sonos
    • Somfy
    • SpinetiX
    • Televic Conference
    • TIS
    • Tion
    • URRI
    • Velbus
    • Velocio
    • Vinteo
    • WyreStorm
    • WiiM
    • Xicato
    • Yamaha
    • ZONT
    • Z-Wave.me
    Протестированное оборудование
    • Панель HDL S57
    • Панель HDL S10
    • SIP-домофон
    • Akuvox
    • Arlight
    • Divus
    • QBic TD-1050 PRO
    • QBic TD-1060 Slim
    • QBic TD-1070
    • Sigur
    • Uni-Ubi
    • Velocio
  • Оборудование iRidi

    Серверы
    • HS Сервер
    • ProAV Control Processor Basic
    • ProAV Control Processor Advanced
    • Спецификация контроллеров UMC
    • Настройка контроллера UMC C2
    • Настройка контроллера UMC C3
    • Настройка контроллера HDL IntelliCenter 2 (UMC C4)
    Модули расширения
    • I-PX-RS1
    • I-PX-RS4
    • I-PX-IR3
    KNX
    • KNX Home Server
    • KNX IP Interface
    Панели управления
    • iRidium Panel 7
    • Touch Panel P3
    • Touch Panel P6
    • Touch Panel P8
    • Touch Panel P10
    • Tabletop Touch Panel 10
    • AV Remote Control
    ОБОРУДОВАНИЕ BUS77
    • Каталог Bus77 Pro
    • Каталог Bus77 Lite
    • Differences
Сайт iRidium mobile
Содержание
    Инструменты‌
    • Сведения о странице
    • Постоянная ссылка
    • Версия для печати
    • Спецстраницы
    • Связанные правки
    • Ссылки сюда
    Login / Create Account
    Материал из for iRidium developers
    Перейти к: навигация, поиск
    Эта страница является переводом страницы Templates. Перевод выполнен на 100%.

    Содержание

    • 1 Настройка готового шаблона интерфейса №1
      • 1.1 Масштабирование шаблона для планшета
      • 1.2 Масштабирование шаблона для телефона
      • 1.3 Размеры изображений

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

    Рекомендации


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

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

    • iOS Black Edition v.2;
    • iOS White Edition v.2;
    • Classical Black;
    • Classical White.



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


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

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

    1. Открыть файл проекта .irpz шаблона в iRidium Studio.
    2. Произвести масштабирование (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 mini 6 и iPad Air 4 2020
    2360x1640
    1. 2048×1536→2187×1640 (Orientation: Landscape, Item scaling: With items - proportional)
    2. 2187×1640→2360x1640 (Orientation: Landscape, Item scaling: Without items)
    3. Исправить ширину элементов у попапов в папке TABLET_POPUPS, изменить координаты для попапа LIST_WIDGET_TABLET
    4.Сохранить проект шаблона
    5. Открыть проект шаблона как zip-архив и импортировать новые изображения.
    iPad pro 11 2021
    2388x1668
    1. 2048×1536→2224×1668 (Orientation: Landscape, Item scaling: With items - proportional)
    2. 2224×1668→2388x1668 (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 < 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 шаблона в iRidium Studio.
    2. Произвести масштабирование (resize) разрешения экрана согласно таблице.


    Адаптация шаблона для Порядок
    iPad Air Retina
    2048×1536
    1. 1136×640→2048×1536 (Without items)
    2. Сохранить проект шаблона
    iPhone 6, 7, 8
    750x1334
    1. 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×1920
    1. 1136×640→1917×1080 (Without items)
    2. 1917×1080→1920×1080 (Without items)
    3. Исправить высоту попапов и списков в папке PHONE_POPUPS
    4. Сохранить проект шаблона
    5. Открыть проект шаблона как zip-архив и импортировать новые изображения
    iPhone XR, iPhone 11
    1792×828
    1. 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×2436
    1. 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×2688
    1. 1136×640→2204×1242 (Without items)
    2. 2204×1242→2688×1242 (Without items)
    3. Исправить высоту попапов и списков в папке PHONE_POPUPS
    4. Сохранить проект шаблона
    5. Открыть проект шаблона как zip-архив и импортировать новые изображения
    iPhone 12 mini, 13 mini
    1080x2340
    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
    1170x2532
    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
    1284x2778
    1. 1136x640→2279x1284 (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, iPhone 14 Pro
    1179x2556
    1. 1136x640→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
    1290x2796
    1. 1136x640→2290x1290(Orientation: Portrait, Item scaling: With items - proportional)


    2. 2290x1290→2796x1290(Orientation: Portrait, Item scaling: Without items)
    3. Исправить высоту попапов и списков в папке PHONE_POPUPS
    4. Сохранить проект шаблона
    5. Открыть проект шаблона как zip-архив и импортировать новые изображения.

    Смартфон
    H×W

    Аккуратность масштабирования
    шаблонов не гарантируется
    При W/H = 1136/640 = 1,78:
    1. 1136×640→W×H (Orientation: Portrait, Item scaling: With items - proportional),
    2. Исправить высоту попапов и списков в папке PHONE_POPUPS
    3. Сохранить проект шаблона

    При W/H ≠ 1136/640 = 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. Сохранить проект шаблона.

    Размеры изображений

    Функция Расположение (название попапа) Размер изображения для каждого разрешения
    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
    1080x2340
    iPhone 12, 12 Pro, 13, 13 Pro
    1170x2532
    iPhone 12 Pro Max, 13 Pro Max
    1284x2778
    iPhone 14, iPhone 14 Pro
    1179x2556
    iPhone 14 Pro Max
    1290x2796
    iPad mini 6 и iPad Air 4 2020
    2360x1640
    iPad pro 11 2021
    2388x1668
    iPad Pro 12,9''
    2732×2048
    Фото дома (телефон) FLOORS/PHONE_POPUPS_Photo_home 640×440 752×516 1080×742 1125×773 1080х743 1170х804 1284х883 1179х811 1290х887 683х470 747х478 853×587
    Фото дома (планшет) TABLET_POPUPS/LIST_ALL_ROOMS_TABLET 1312×902 1541×1057 2214×1522 2306×1586 2239х1522 2426х1649 2662х1810 2445х1662 2675х1818 1582×963 1547х979 1769х1203
    Фото комнаты В каждой папке комнаты (Photo-room) 640×440 752×516 1080×742 1125×773 1080х743 1170х804 1284х883 1179х811 1290×887 683×470 747х478 853×587
    План (планшет) В каждой папке плана (Floor-Plan-Tablet) 1600×1192 1879×1397 2700×2012 2813×2095 2700х2011 2924х2177 3209х2389 2947х2196 3225х2403 1950×1452 1866х1389 2132х1589
    План (телефон) В каждой папке плана (Floor-Plan-Phone) 572×769 672×901 965×1298 1006×1352 965х1298 1045х1404 1147х1541 1053х1417 1152х1550 610х819 667х896 762х1025
    Обложка в AV виджете Templates/AV_widgets/AV-media 640×528 752×619 1080×891 1125×928 1080х891 1169х965 1283х1059 1179х973 1290х1064 683×564 747х574 853×704
    Источник — «https://dev.iridi.com/index.php?title=Templates/ru&oldid=134078»
    О нас
    Компания
    Команда
    История
    Философия
    Награды
    Партнерство
    Наши партнеры
    Партнерские программы
    Подать заявку на партнерство
    Продукты
    iRidium pro
    iRidium lite
    iRidium gate
    iRidium server
    Загрузки
    iRidium pro
    iRidium lite
    Другие версии
    Маркетинговые материалы
    Поддержка
    Онлайн курсы/Видео
    Рекомендуемое оборудование
    Другие версии
    iRidium pro
    Документация
    FAQ
    Форум
    iRidium lite
    Документация
    Форум
    Проекты
    Типовые проекты
    Умные здания
    Умные дома
    Специальные решения
    Найти дилера
    Новости
    Youtube
    Twitter
    VK
    Logo
    contact@iridi.com
    +7 (499) 322-73-29

    Политика конфиденциальности