Просмотр кода страницы Training-editor-main-screen

{{DISPLAYTITLE:Главный экран XIOT-EDITOR}}
Разберитесь, где в редакторе находятся общие команды и какое окно открыть для своей задачи. После обзора вы сможете найти настройки проекта и контроллера, проверить индикаторы связи, открыть историю сохранений и выбрать удобное расположение рабочих окон.

Для знакомства с экраном откройте существующий проект в [https://editor.xiot.pro/ editor.xiot.pro] с правами редактирования. Если проекта ещё нет, начните с [[Training-editor-license-activation|активации лицензии и открытия проекта]]. Для отображения связи с контроллером он должен быть [[Training-editor-plc-connection|привязан к проекту]].

== Видеообзор ==

<xiot-video file="XIOT-EDITOR-main-screen-v5-r1-20261019.mp4" poster="XIOT-EDITOR-main-screen-v5-r1-overview-20261019.png" caption="Главный экран XIOT-EDITOR — 1 минута 28 секунд" />

В записи показаны редактор '''v14.18-3''' и официальный XIOT-PLC '''v14.19'''. Красная надпись v14.19 означает несовпадение с версией v14.18, закреплённой этим выпуском редактора; это не обозначение beta-версии. Обзор знакомит с интерфейсом: обновление контроллера и проверка быстродействия системы в него не входят.

Музыка: «Dream Culture» — Kevin MacLeod ([https://incompetech.com/ incompetech.com]). [https://incompetech.com/music/royalty-free/index.html?isrc=USUAN1300046 Источник]. Лицензия [https://creativecommons.org/licenses/by/4.0/ CC BY 4.0]. Использован фрагмент с уменьшенной громкостью и плавными переходами в начале и конце.

Ниже — те же ориентиры в текстовом виде. Все иллюстрации извлечены из этого видео; время в подписях относится к нему.

== 1. Найдите общие команды ==

Верхняя панель содержит общие команды, а под ней расположены рабочие окна проекта.

Слева на панели находятся:
* выбор способа работы — автоматически сформировать стандартный интерфейс по структуре проекта или оформить страницы самостоятельно;
* настройки учётной записи и доступа;
* название проекта — нажмите его, чтобы вернуться к общему списку проектов.

[[Файл:XIOT-EDITOR-main-screen-v5-r1-overview-20261019.png|thumb|center|960px|alt=Главный экран XIOT-EDITOR: верхняя панель и рабочие окна под ней|Общие команды находятся сверху, работа с проектом — в окнах ниже. Кадр из видео, 00:01.]]

== 2. Проверьте версии и связь ==

Дальше на верхней панели расположены команды загрузки конфигурации и настройки контроллера. Рядом отдельно показаны версии XIOT-EDITOR и XIOT-PLC — при обращении за помощью уточняйте обе.

Нажмите номер версии '''редактора''', чтобы открыть список доступных выпусков. В обзоре показано открытие списка; выбор другого выпуска и обновление не выполняются.

Найдите три индикатора связи: с интернетом, облаком и контроллером. По ним можно понять состояние соединений. Активные индикаторы сами по себе не подтверждают скорость реакции устройств или правильность всех сценариев.

[[Файл:XIOT-EDITOR-main-screen-v5-r1-connection-20261019.png|thumb|center|960px|alt=На верхней панели выделены три индикатора связи, рядом видны версии контроллера и редактора|Связь с интернетом, облаком и контроллером. Кадр из видео, 00:35.]]

== 3. Найдите сохранение и историю проекта ==

Закончив правки, воспользуйтесь командой '''«Сохранить проект»'''. Рядом расположен индикатор состояния сохранения и ошибок.

Откройте историю предыдущих сохранений через поле с датой и временем на верхней панели. В списке можно увидеть доступные сохранения проекта. В этом обзоре история только открывается: выбор старой записи и восстановление проекта не показаны.

[[Файл:XIOT-EDITOR-main-screen-v5-r1-history-20261019.png|thumb|center|960px|alt=Раскрытая история предыдущих сохранений проекта на верхней панели редактора|История сохранений проекта. Кадр из видео, 00:46.]]

== 4. Выберите рабочее окно ==

Нужное окно выбирают по задаче. Четыре кнопки справа на верхней панели позволяют показывать и скрывать эти окна.

{| class="wikitable"
! Окно !! Для чего его открыть
|-
| '''Устройства и сценарии''' || Настроить структуру проекта и сценарии работы, связать виртуальные устройства с физическими.
|-
| '''Приложение''' || Посмотреть пользовательский интерфейс проекта, в том числе представление для четырёхдюймовой панели.
|-
| '''Драйверы''' || Работать с подключением оборудования и внешних систем.
|-
| '''Отладка''' || Посмотреть команды, события и ошибки при разборе работы проекта.
|}

[[Файл:XIOT-EDITOR-main-screen-v5-r1-devices-20261019.png|thumb|center|960px|alt=Окно «Устройства и сценарии» со структурой проекта|Структура проекта и сценарии работы. Кадр из видео, 00:52.]]

[[Файл:XIOT-EDITOR-main-screen-v5-r1-preview-20261019.png|thumb|center|960px|alt=Окно «Приложение» показывает интерфейс четырёхдюймовой панели с температурой|Предпросмотр пользовательского интерфейса для четырёхдюймовой панели. Кадр из видео, 01:02.]]

В окне «Отладка» часть строк скрыта при подготовке записи для публикации. Это обработка видеозаписи, а не функция редактора.

== 5. Настройте расположение окон ==

Нажмите соответствующую кнопку окна справа на верхней панели, чтобы оставить перед собой нужные окна. Повторным нажатием можно вернуть скрытое окно.

Кнопки '''«Положение окон»''' переключают сохранённые варианты расположения, размеров и видимости окон. Выберите удобный вариант для текущей задачи.

Команда '''«Закрыть редактор»''' возвращает к просмотру пользовательского интерфейса. В ролике показано её расположение; сам переход не выполняется.

[[Файл:XIOT-EDITOR-main-screen-v5-r1-windows-20261019.png|thumb|center|960px|alt=Главный экран с выделенной группой кнопок видимости рабочих окон справа на верхней панели|Кнопки справа позволяют оставить нужные рабочие окна. Кадр из видео, 01:15.]]

== Проверьте себя ==

* Найдите версии редактора и контроллера и три индикатора связи.
* Откройте историю сохранений и найдите команду «Сохранить проект».
* Скройте и снова покажите одно рабочее окно; убедитесь, что оно вернулось.
* Выберите другой вариант «Положение окон» и вернитесь к удобному расположению.
* Для следующей задачи выберите нужное окно: структура проекта — «Устройства и сценарии», предпросмотр — «Приложение», подключение — «Драйверы», события и ошибки — «Отладка».

== Дальше ==

* [[Training|Содержание обучения XIOT]]
* [[Project-setup|Настройка проекта]]
* [[Creating-devices|Создание устройств]]
* [[Device-bindings|Привязки устройств]]
* [[XIOT-EDITOR|Документация XIOT-EDITOR]]

[[Категория:Документация XIOT]]
[[Категория:XIOT-EDITOR]]
{{DEFAULTSORT:Главный экран XIOT-EDITOR}}