Logo Logo en
  • 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 web-site
Содержание
    Инструменты‌
    • Сведения о странице
    • Постоянная ссылка
    • Версия для печати
    • Спецстраницы
    • Связанные правки
    • Ссылки сюда
    Login / Create Account
    Материал из for iRidium developers
    Перейти к: навигация, поиск
    Эта страница является переводом страницы Templates. Перевод выполнен на 100%.

    Содержание

    • 1 Setting up a ready-made interface template №1
      • 1.1 Scaling a template for a tablet
      • 1.2 Scaling a template for a phone
      • 1.3 Size of Images

    Setting up a ready-made interface template №1

    recommendation


    the documentation is updated 14.9.2023

    The template is used in these styles:

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



    Scaling a template for a tablet


    You can find more information about scaling in the video-instruction.

    The original template for iPad Air Retina 2048×1536

    1. Open .irpz file of the template in iRidium studio.
    2. Resize the screen resolution according to the table.


    Adaptation of template for Order
    iPhone 5/5S/5C/SE
    640×1136
    1. 2048×1536→1136×640 (Without items)

    2. Save a project

    iPad
    2160×1620
    1. 2048×1536→2160×1620 (Without items)

    2. Save a project
    3. Open a project as zip-archive and import new images

    iPad Air 3 (2019)
    2224×1668
    1. 2048×1536→2224×1668 (Without items)
    2. Save a project
    3. Open a project as zip-archive and import new images
    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. Correct the width of popups items in the TABLET_POPUPS folder. Change coordinates for the LIST_WIDGET_TABLET popup
    4. Save a project
    5. Open a project as zip-archive and import new images.
    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. Correct the width of popups items in the TABLET_POPUPS folder. Change coordinates for the LIST_WIDGET_TABLET popup
    4. Save a project
    5. Open a project as zip-archive and import new images.
    iPad Pro 12,9''
    2732×2048
    1. 2048×1536→2732×2048 (Without items)
    2. Save a project
    3. Open a project as zip-archive and import new images
    Tablet
    W×H

    Accuracy of template resizing
    is not guaranteed
    When W/H = 2048/1536 = 1,33:
    1. 2048×1536→W×H (Without items)
    2. Save a project

    When W/H < 2048/1536 = 1,33:
    1. 2048×1536→W×H1 (With items - proportional),
    where H1 = 1536 × W / 2048 (round up to an integer value)
    2. W×H1→W×H (Without items)
    3. Correct the height of lists in TABLET_POPUPS folder
    4. Save a project

    When W/H > 2048/1536 = 1,33:
    1. 2048×1536→W1×H (With items - proportional),
    where W1 = 2048 × H / 1536 (round up to an integer value)
    2. W1×H→W×H (Without items)
    3. Correct the height of lists in PHONE_POPUPS folder
    4. Save a project
    5. Open a project as zip archive and import new images


    Scaling a template for a phone


    You can find more information about resizing in the video-instruction.

    First scale the template for iPad Air Retina 2048x1536 to template iPhone 5/5S/5C/SE 640x1136.

    The original template for iPhone 5/5S/5C/SE 640×1136

    1. Open .irpz file of the template in iRidium studio.
    2. Resize the screen resolution according to the table.


    Adaptation of template for Order
    iPad Air Retina
    2048×1536
    1. 1136×640→2048×1536 (Without items)
    2. Save a project
    iPhone 6, 7, 8
    750x1334
    1. 1136×640→1331×750 (Orientation: Portrait, Item scaling: With items - proportional)
    2. 1331×750→1334×750 (Orientation: Portrait, Item scaling: Without items)
    3. Correct the height of pop-ups and lists in the PHONE_POPUPS folder
    4. Save a project
    5. Open a project as zip archive and import new images
    iPhone 6 Plus, 7 Plus, 8 Plus
    1080×1920
    1. 1136×640→1917×1080 (Orientation: Portrait, Item scaling: With items - proportional)
    2. 1917×1080→1920×1080 (Orientation: Portrait, Item scaling: Without items)
    3. Correct the height of pop-ups and lists in the PHONE_POPUPS folder
    4. Save a project
    5. Open a project as zip archive and import new images
    iPhone XR, iPhone 11
    1792×828
    1. 1136×640→1470×828 (Orientation: Portrait, Item scaling: With items - proportional)
    2. 1470×828→1792×828 (Orientation: Portrait, Item scaling: Without items)
    3. Correct the height of pop-ups and lists in the PHONE_POPUPS folder
    4. Save a project
    5. Open a project as zip archive and import new images
    iPhone X, iPhone XS, iPhone 11 Pro
    1125×2436
    1. 1136×640→1997×1125 (Orientation: Portrait, Item scaling: With items - proportional)
    2. 1997×1125→2436×1125 (Orientation: Portrait, Item scaling: Without items)
    3. Correct the height of pop-ups and lists in the PHONE_POPUPS folder
    4. Save a project
    5. Open a project as zip archive and import new images
    iPhone XS Max, iPhone 11 Pro Max
    1242×2688
    1. 1136×640→2204×1242 (Orientation: Portrait, Item scaling: With items - proportional)
    2. 2204×1242→2688×1242 (Orientation: Portrait, Item scaling: Without items)
    3. Correct the height of pop-ups and lists in the PHONE_POPUPS folder
    4. Save a project
    5. Open a project as zip archive and import new images
    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. Correct the height of pop-ups and lists in the PHONE_POPUPS folder
    4. Save a project
    5. Open a project as zip archive and import new images
    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. Correct the height of pop-ups and lists in the PHONE_POPUPS folder
    4. Save a project
    5. Open a project as zip archive and import new images
    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. Correct the height of pop-ups and lists in the PHONE_POPUPS folder
    4. Save a project
    5. Open a project as zip archive and import new images
    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. Correct the height of pop-ups and lists in the PHONE_POPUPS folder
    4. Save a project
    5. Open a project as zip archive and import new images

    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. Correct the height of pop-ups and lists in the PHONE_POPUPS folder
    4. Save a project
    5. Open a project as zip archive and import new images

    Smart phone
    H×W

    Accuracy of template resizing
    is not guaranteed.
    When W/H = 1136/640 = 1,78:
    1. 1136×640→W×H (Orientation: Portrait, Item scaling: With items - proportional),
    3. Correct the height of pop-ups and lists in the PHONE_POPUPS folder
    3. Save a project

    When W/H ≠ 1136/640 = 1,78:
    1. 1136×640→W1×H (Orientation: Portrait, Item scaling: With items - proportional),
    where W1 = 1136 * H / 640 (round up to an integer value))
    2. W1×H→W×H (Orientation: Portrait, Item scaling: Without items)
    3. Correct the height of pop-ups and lists in the PHONE_POPUPS folder
    4. Save a project

    Size of Images

    Image Location (popup name) Image size
    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 Air 4 2020
    2360x1640
    iPad pro 11 2021
    2388x1668
    iPad Pro 12,9''
    2732×2048
    House photo (phone) 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
    House photo (tablet) 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
    Room photo In each room folder 640×440 752×516 1080×742 1125×773 1080х743 1170х804 1284х883 1179х811 1290×887 683×470 747х478 853×587
    Plan (tablet) In each room folder 1600×1192 1879×1397 2700×2012 2813×2095 2700х2011 2924х2177 3209х2389 2947х2196 3225х2403 1950×1452 1866х1389 2132х1589
    Plan (phone) In each room folder 572×769 672×901 965×1298 1006×1352 965х1298 1045х1404 1147х1541 1053х1417 1152х1550 610х819 667х896 762х1025
    Cover in AV widget 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/en&oldid=136333»
    About us
    Company
    Team
    History
    Philosophy
    Rewards
    Partnership
    Our partner
    Partnership Programs
    Apply for partnership
    products
    iRidium pro
    iRidium lite
    iRidium gate
    iRidium server
    Loads
    iRidium pro
    iRidium lite
    Other version
    Marketing materials
    Support
    On-line courses/Video
    Recommended equipment
    Other version
    iRidium pro
    Documentation
    FAQ
    Forum
    iRidium lite
    Documentation
    Forum
    Projects
    Standart projects
    Smart buildings
    Smart house
    Special solution
    Find a dealer
    News
    Youtube
    Twitter
    VK
    Logo
    contact@iridi.com
    +7 (499) 322-73-29

    Privacy policy