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

Пользовательский интерфейс проекта

Набор инструментов для взаимодейтствия пользователя с компонентами i3 lite. Lite-product-icon.png iRidium lite :::

Изменение стиля

Для пользователей имеется возможность стиля приложения. Смена стиля приведет к изменению фона главной страницы, страниц комнат, виджетов, иконок.

  1. В разделе General (Основное) конфигуратора, выберите параметр Project style (Стиль проекта).

Lite_ui_style1.png

  1. В меню будут доступны загруженные стили для интерфейса. Нажмите кнопку Add style (Добавить стиль).

Вы можете удалить элементы из списка нажав на значок корзины.

Lite_ui_style2.png

  1. Выберите понравившийся стиль и добавьте его из магазина нажав кнопку ADD (Добавить). Интерфейс добавиться в список доступных.

Lite_ui_style3.png

  1. Выберите новый стиль из списка для его применения.

Изменение интерфейса главной страницы проекта

Изменение картинки проекта

  1. Откройте редактор комнаты, находясь на главной странице проекта.

Lite_ui1.png

  1. Нажмите на картинку и выберите нужную из вашей галереи.

Lite_ui3.png

  1. Сохраните изменения, нажмите "✓".

Lite_ui2.png

  1. Опубликуйте проект, если вы используете сервер.

Добавление виджета макроса

  1. Откройте редактор комнаты, находясь на главной странице проекта.

Lite_ui1.png

  1. Нажмите "+" и выберите "Добавить макрос".

Lite_ui4.png

  1. Выберите нужный макрос для добавления на главную страницу.

Lite_ui6.png

  1. Сохраните изменения, нажмите "✓". Lite_ui2.png
примечание

Если макросы не созданы, то i3 lite предложит их создать. Подробнее о том, как создать Макрос.

Добавление виджета режима

  1. Откройте редактор комнаты, находясь на главной странице проекта;

Lite_ui1.png

  1. Нажмите "+" и выберите "Добавить режим";

Lite_ui5.png

  1. Выберите нужный режим для добавления на главную страницу.

Lite_ui7.png

  1. Сохраните изменения, нажмите "✓".

Lite_ui2.png

примечание

Если режимы не созданы, то i3 Lite предложит вам их создать. Подробнее о том, как создать Режим.

Добавление сенсора на виджет статуса

  1. Добавьте ваши устройства в проект. Подробнее о том, как это сделать можно узнать здесь.

  2. В конфигураторе откройте раздел "Этажи и комнаты", перейдите во вкладку "Виджет статусов".

Lite_ui8.png

  1. Нажмите "Добавить элемент", затем выберите "Статус".

Lite_ui9.png

  1. Выберите нужный сенсор.

  2. Выйдите в Темплейт и опубликуйте проект, если вы используете сервер.

Настройка интерфейса комнат проекта

Добавить заголовок

  1. Перейдите в нужную комнату и откройте редактор комнаты.

Lite_ui10.png

  1. Нажмите "+" и выберите "Добавить заголовок".

Lite_ui11.png

  1. Введите текст заголовка и нажмите "ОК".

Lite_ui12.png

  1. Сохраните изменения, нажмите "✓".

Lite_ui2.png

Добавить разрыв колонки

  1. Перейдите в нужную комнату и откройте редактор комнаты.

Lite_ui10.png

  1. Нажмите "+" и выберите "Добавить разрыв колонки".

Lite_ui13.png

  1. Сохраните изменения, нажмите "✓".

Lite_ui2.png

примечание

На мобильной версии такой функции нет, так как колонки доступны только на горизонтальных разрешениях.

Добавить виджет устройства

  1. Перейдите в нужную комнату и откройте редактор комнаты.

Lite_ui10.png

  1. Нажмите "+" и выберите "Добавить виджет".

Lite_ui14.png

  1. Выберите нужное устройство, из нужной комнаты или без местоположения.

  2. Сохраните изменения, нажмите "✓".

Lite_ui2.png

примечание

Если вы добавили в комнату виджет устройства без местоположения, то автоматически местоположением этого устройства становится выбранная комната.

Добавить фото

  1. Перейдите в нужную комнату, и откройте редактор комнаты.

Lite_ui10.png

  1. Нажмите "+" и выберите "Добавить фото".

Lite_ui15.png

  1. Выберите нужное изображение из файловой системы устройства.

Lite_ui16.png

  1. Сохраните изменения, нажмите "✓".

Lite_ui2.png

Добавить режим

  1. Перейдите в нужную комнату и откройте редактор комнаты.

Lite_ui10.png

  1. Нажмите "+" и выберите "Добавить режим".

Lite_ui17.png

  1. Выберите нужный режим для добавления.

Lite_ui7.png

  1. Сохраните изменения, нажмите "✓".

Lite_ui2.png

примечание

Если режимы не созданы, то i3 lite предложит вам их создать. Подробнее о том, как создать Режим.

Добавление виджета макроса

  1. Перейдите в нужную комнату и откройте редактор комнаты.

Lite_ui10.png

  1. Нажмите "+" и выберите "Добавить макрос".

Lite_ui18.png

  1. Выберите нужный макрос для добавления.

Lite_ui6.png

  1. Сохраните изменения, нажмите "✓".

Lite_ui2.png

примечание

Если макросы не созданы, то i3 Lite предложит вам их создать. Подробнее о том, как создать Макрос.