> For the complete documentation index, see [llms.txt](https://help.trikset.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.trikset.com/studio/interface.md).

# Интерфейс TRIK Studio

## Режимы TRIK Studio

Интерфейс TRIK Studio зависит от выбранного режима. TRIK Studio имеет два режима:

1. [**Режим редактирования**](/studio/interface.md#mode-edit)\
   Предназначен для создания диаграммы управления роботом и исполнения её на роботе в режиме генерации.<br>
2. [**Режим отладки**](/studio/interface.md#mode-debug)\
   Предназначен для исполнения и отладки программы на 2D-модели или в режиме интерпретации на реальном роботе.

### Переключение между режимами

Переключение режимов возможно тремя способами. С помощью:

1. Сочетаний клавиш `Ctrl+1` / `Ctrl+2`.
2. [Панели переключения режимов](/studio/interface.md#panel-mode-switching).
3. [Строки статуса](/studio/interface.md#status-bar).

## Режим редактирования <a href="#mode-edit" id="mode-edit"></a>

![Интерфейс TRIK Studio в режиме редактирования](/files/-M0Su-OprALGEN1yXk-R)

TRIK Studio в режиме редактирования имеет следующие элементы интерфейса:

* [Окно редактора / сцена](/studio/interface.md#editor-window)
* [Главное меню](/studio/interface.md#menu)
* [Панель «Файл»](/studio/interface.md#panel-file)
* [Панель «Правка»](/studio/interface.md#panel-edit)
* [Панель «Вид»](/studio/interface.md#panel-view)
* [Панель «Интерпретатор»](/studio/interface.md#panel-interpreter)
* [Панель «Генераторы»](/studio/interface.md#panel-generators)
* [Панель «Прочее»](/studio/interface.md#panel-other)
* [Панель переключения режимов](/studio/interface.md#panel-mode-switching)
* [Редактор свойств элементов](/studio/interface.md#panel-property-editor)
* [Настройки сенсоров](/studio/interface.md#panel-configure-devices)
* [Палитра (набор блоков для создания диаграмм)](/studio/interface.md#panel-palette)
* [Список переменных](/studio/interface.md#panel-variables)
* [Строка статуса](/studio/interface.md#status-bar)

### Окно редактора / сцена <a href="#editor-window" id="editor-window"></a>

Сцена отображает диаграмму и позволяет ее редактировать.

![Сцена](/files/-M0TPVSiESB1MTtjbkGL)

О создании нового проекта и работе с диаграммами читайте в статьях:

{% content-ref url="/pages/-M0-93-kqAJ-YB0Izejk" %}
[Начало работы и создание проекта](/studio/start.md)
{% endcontent-ref %}

{% content-ref url="/pages/-M2Cg4NSr84OpQjA\_hVf" %}
[Добавление и удаление блоков](/studio/programming-visual/blocks-add-delete.md)
{% endcontent-ref %}

Здесь же осуществляется отображение текущего исполняемого блока при интерпретации диаграмм.

![](/files/-MOYWNcFRJIblWkqQw6I)

### Главное меню <a href="#menu" id="menu"></a>

Главное меню **TRIK Studio** содержит набор базовых операций и настроек среды:

* [Файл](/studio/interface/main-menu.md#menu-file)
* [Правка](/studio/interface/main-menu.md#menu-edit)
* [Вид](/studio/interface/main-menu.md#menu-view)
* [Инструменты](/studio/interface/main-menu.md#menu-tools)
* [Настройки](/studio/interface/main-menu.md#menu-settings)
* [Справка](/studio/interface/main-menu.md#menu-about)

![Главное меню](/files/-M0T5VRcH0paLi-lomaB)

Подробнее смотрите в статье:

{% content-ref url="/pages/-M0Svs74pJEBrIN424XL" %}
[Главное меню TRIK Studio](/studio/interface/main-menu.md)
{% endcontent-ref %}

### Панель «Файл» <a href="#panel-file" id="panel-file"></a>

Панель «Файл» повторяет основные операции, доступные из меню «[Файл](/studio/interface/main-menu.md#menu-file)».

&#x20;<img src="/files/-M0TRucvlIfjg--R7FZd" alt="" data-size="line"> Создать новый проект.\
&#x20;<img src="/files/-M0TRomYB1HLsa4cArX2" alt="" data-size="line"> Открыть сохраненный проект.\
&#x20;<img src="/files/-M0TRs3g2PQ9doHlbjcZ" alt="" data-size="line"> Сохранить текущий проект.

### Панель «Правка» <a href="#panel-edit" id="panel-edit"></a>

<img src="/files/-M0TSC5RwwyN5X-YcCh6" alt="" data-size="line"> Отмена операции.\
&#x20;<img src="/files/-M0TSFwoXPzkrdbPn2cV" alt="" data-size="line">Повтор операции.

### Панель «Вид» <a href="#panel-view" id="panel-view"></a>

Панель «Вид» содержит кнопки, позволяющие масштабировать диаграммы.

<img src="https://thumb.tildacdn.com/tild3030-6165-4761-b762-383737303632/-/resize/65x/-/format/webp/image.png" alt="" data-size="original">Приблизить / отдалить.

Также масштабировать сцену можно с помощью:

1. Зажатия клавиши `Ctrl` и вращения колесика мыши.
2. Сочетания клавиш `Ctrl+=` и `Ctrl+-`.

### Панель «Интерпретатор» <a href="#panel-interpreter" id="panel-interpreter"></a>

![Инструменты панели «Интерпретатор»](https://thumb.tildacdn.com/tild3163-3937-4239-b738-616361666363/-/resize/195x/-/format/webp/image.png)

Панель «Интерпретатор» содержит команды запуска и остановки выполнения программы, кнопки переключения режимов интерпретации между двумерной моделью и реальным роботом, а также кнопку открытия [настроек робота](/studio/settings.md#robots), доступных из меню «Инструменты».&#x20;

При работе с реальным роботом в режиме интерпретации эта панель также содержит кнопку «Подключиться».

<img src="/files/-M0TWxWgx9KVeBfQbJrk" alt="" data-size="line"> Запуск выполнения программы.\ <img src="/files/-M0TX0G3FoWI7aMJI4Mk" alt="" data-size="line"> Остановка выполнения программы.\ <img src="/files/-M0TX5bS1yQoAY5cNCNc" alt="" data-size="line"> Двумерная модель.\ <img src="/files/-M0TX9rSQOMfgBTT3E5g" alt="" data-size="line"> Реальный робот.\ <img src="/files/-M0TXDYJbs_WF2a1oa2D" alt="" data-size="line"> Настройки робота.

### Панель «Генераторы» <a href="#panel-generators" id="panel-generators"></a>

{% hint style="info" %}
Команды на этой панели изменяются в зависимости от конфигурации программы.
{% endhint %}

Панель «Генераторы» содержит команды генерации кода и загрузки программы на контроллер.

![](https://thumb.tildacdn.com/tild3734-6135-4838-a161-633336393062/-/resize/96x/-/format/webp/image.png)

<img src="/files/-M0TXb7ok6PDNzhzCIJZ" alt="" data-size="line"> Генерировать код.\ <img src="/files/-M0TXep32vy7B9GFzAUH" alt="" data-size="line"> Загрузить программу.

### Панель «Прочее» <a href="#panel-other" id="panel-other"></a>

Панель «Прочее» может содержать различную информацию в зависимости от выбранной платформы.

Например, для [конструктора ТРИК](/trik/about.md) на данной панели отображается IP-адрес контроллера, к которому вы подключаетесь.

![](https://thumb.tildacdn.com/tild3736-3338-4131-b737-303964656239/-/resize/129x/-/format/webp/image.png)

### Панель переключения режимов редактирования и отладки <a href="#panel-mode-switching" id="panel-mode-switching"></a>

Панель переключения режимов отображает текущий режим TRIK Studio и позволяет переключаться между режимами редактирования и отладки.

<img src="/files/-M0TY1WonWoSm6Er3C0T" alt="" data-size="line"> Редактор.\ <img src="/files/-M0TY4iRvGypRauhlbad" alt="" data-size="line"> Отладка.

### Панель «Редактор свойств» <a href="#panel-property-editor" id="panel-property-editor"></a>

Редактор свойств используется для отображения и редактирования значений свойств выделенных объектов (блоков, связей).&#x20;

![Панель «Редактор свойств»](/files/-M0TpWdgHowDu1x_3n4D)

О работе с редактором смотрите статью:

{% content-ref url="/pages/-M0P0qQgiJrqVGvF1drs" %}
[Редактирование свойств элементов](/studio/programming-visual/editing-element-properties.md)
{% endcontent-ref %}

### Панель «Настройки сенсоров» <a href="#panel-configure-devices" id="panel-configure-devices"></a>

Настройки сенсоров позволяют указать, какие сенсоры использованы на каком порту. То же можно сделать из диалога настроек робота.

{% hint style="info" %}
Набор сенсоров зависит от выбранной платформы в настройках на вкладке «[Роботы](/studio/settings.md#robots)».
{% endhint %}

![Настройки сенсоров для контроллера ТРИК](https://thumb.tildacdn.com/tild6130-6533-4832-a631-656535393432/-/resize/354x/-/format/webp/_-8.png)

### Панель «Палитра» <a href="#panel-palette" id="panel-palette"></a>

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

{% hint style="info" %}

1. Состав палитры может меняться в зависимости от выбранной в [настройках](/studio/settings.md#robots) платформы.
2. Серым выделены блоки, недоступные в выбранной модели выполнения (2D-модели или на реальном роботе).
   {% endhint %}

![Панель «Палитра»](https://thumb.tildacdn.com/tild6465-6266-4364-b032-663531326133/-/resize/345x/-/format/webp/_-9.png)

О добавлении и удалении блоков на сцену в TRIK Studio читайте в статье:

{% content-ref url="/pages/-M2Cg4NSr84OpQjA\_hVf" %}
[Добавление и удаление блоков](/studio/programming-visual/blocks-add-delete.md)
{% endcontent-ref %}

### Панель «Переменные» <a href="#panel-variables" id="panel-variables"></a>

Список переменных, используемых при выполнении диаграммы с их текущими значениями, включая [сенсорные переменные](/studio/programming-visual/expression-syntax/sensory-variables.md). При исполнении в режиме интерпретации на двумерной модели или реальном роботе берутся с робота в реальном времени. В режиме генерации не используются.

![Панель «Переменные»](https://thumb.tildacdn.com/tild3136-3865-4436-b937-326431666135/-/resize/345x/-/format/webp/_-10.png)

### Строка статуса <a href="#status-bar" id="status-bar"></a>

Строка статуса отображает текущий режим TRIK Studio ([редактирования](/studio/interface.md#mode-edit) или [отладки](/studio/interface.md#mode-debug)) и позволяет переключаться между режимами. Для переключения достаточно кликнуть на строку статуса.

![Строка статуса](/files/-M0Tqdts93w01eJFU0Br)

## Режим отладки <a href="#mode-debug" id="mode-debug"></a>

Элементы интерфейса TRIK Studio в режиме отладки повторяют элементы в [режиме редактирования](/studio/interface.md#mode-edit), кроме окна редактора, панелей редактора свойств и палитры. Вместо этих элементов отображаются:

* [Окно «Двумерная модель»](/studio/interface.md#window-2-d-1)
* [Окно «Ошибки»](/studio/interface.md#window-error)
* [Панель «Настройки робота»](/studio/interface.md#panel-settings-robot)
* [Панель «Графики»](/studio/interface.md#panel-graphics)

![Режим отладки](/files/-M0TjmQsIOWiiEiiKq8J)

### Окно «Двумерная модель» <a href="#window-2-d" id="window-2-d"></a>

Окно «Двумерная модель» открывается, если в качестве режима исполнения программы выбрана 2D-модель.

![Окно 2D-модели](/files/-M0TkuQaKBiWFMX5GFUr)

Окно позволяет задать окружение, в котором будет работать робот, задать датчики робота и наблюдать, как будет работать написанная в режиме редактирования программа.

Подробнее о 2D-модели читайте в статье:

{% content-ref url="/pages/-M0Now5ADLgit5TISAGo" %}
[2D-модель](/studio/2d-model.md)
{% endcontent-ref %}

{% hint style="info" %}
В режиме интерпретации и генерации программы на реальном роботе это окно не показывается, вместо него отображается исполняемая диаграмма.
{% endhint %}

### Панель «Настройки робота» <a href="#panel-settings-robot" id="panel-settings-robot"></a>

На панели настроек робота отображается вид контроллера и параметры робота, которые зависят от выбранной [платформы](/studio/about.md#platforms).

![Панель «Настройки робота»](/files/-M0TntWMAc1lWcMJe4-d)

#### Открытие панели «Настройки робота»

![](/files/-MOYWcPT76NyukBcCRZs)

### Окно «Ошибки» <a href="#window-error" id="window-error"></a>

В случае синтаксических и семантических ошибок в TRIK Studio появляется окно с соответствующими сообщениями.

Для просмотра блока, в котором допущена ошибка, необходимо кликнуть на сообщение.

![](/files/-MOYWlmLUv0U0uAJgq_b)

### Панель «Графики» <a href="#panel-graphics" id="panel-graphics"></a>

Окно «Графики» отображает в реальном времени значения, присылаемые датчиками.&#x20;

![](/files/-MOYWt94fbDl8Za7mNo4)

Подробнее читайте в статье:

{% content-ref url="/pages/-M0NoXwADIrMAqVhsOaG" %}
[Работа с графиками](/studio/interface/graphics.md)
{% endcontent-ref %}