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

## Режимы TRIK Studio

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

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

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

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

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

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

![Интерфейс TRIK Studio в режиме редактирования](https://2170735180-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M-9YMGCK0ySSnTAiseS%2F-M0SrqQTOm9oBPLW_KAt%2F-M0Su-OprALGEN1yXk-R%2Ftrik-studio-interface.png?alt=media\&token=d9f67531-7c70-4395-b26d-6dc4cbc24245)

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

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

### &#x20;<a href="#editor-window" id="editor-window"></a>

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

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

![Сцена](https://2170735180-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M-9YMGCK0ySSnTAiseS%2F-M0TKxm2agcu5VoXjs3t%2F-M0TPVSiESB1MTtjbkGL%2Fscene.png?alt=media\&token=ee18a306-4d22-4d40-ba21-ba4ca7905adc)

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

{% content-ref url="start" %}
[start](https://help.trikset.com/studio/start)
{% endcontent-ref %}

{% content-ref url="programming-visual/blocks-add-delete" %}
[blocks-add-delete](https://help.trikset.com/studio/programming-visual/blocks-add-delete)
{% endcontent-ref %}

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

![](https://2170735180-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M-9YMGCK0ySSnTAiseS%2F-MOYW6zUAhOEKbKPI7pR%2F-MOYWNcFRJIblWkqQw6I%2F04%203%20ru%20chart-interpretation%204.gif?alt=media\&token=b57cf9d6-8049-4c5c-8f50-6fbe9bf8b1b6)

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

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

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

![Главное меню](https://2170735180-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M-9YMGCK0ySSnTAiseS%2F-M0T40Rx4duiK7M3mDhh%2F-M0T5VRcH0paLi-lomaB%2Ftrik-studio-main-menu.png?alt=media\&token=fd228ff4-a3da-4739-87f1-d34dedb4d970)

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

{% content-ref url="interface/main-menu" %}
[main-menu](https://help.trikset.com/studio/interface/main-menu)
{% endcontent-ref %}

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

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

&#x20;<img src="https://2170735180-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M-9YMGCK0ySSnTAiseS%2F-M0TKxm2agcu5VoXjs3t%2F-M0TRucvlIfjg--R7FZd%2FnewProject.svg?alt=media&#x26;token=c15b3638-6595-4b4f-bdce-819ec0288afc" alt="" data-size="line"> Создать новый проект.\
&#x20;<img src="https://2170735180-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M-9YMGCK0ySSnTAiseS%2F-M0TKxm2agcu5VoXjs3t%2F-M0TRomYB1HLsa4cArX2%2Fopen.svg?alt=media&#x26;token=46350988-1875-4f39-b6a1-2d5859267de2" alt="" data-size="line"> Открыть сохраненный проект.\
&#x20;<img src="https://2170735180-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M-9YMGCK0ySSnTAiseS%2F-M0TKxm2agcu5VoXjs3t%2F-M0TRs3g2PQ9doHlbjcZ%2Fsave.svg?alt=media&#x26;token=2731ac8c-8dce-4b81-b261-4ba401e5599b" alt="" data-size="line"> Сохранить текущий проект.

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

<img src="https://2170735180-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M-9YMGCK0ySSnTAiseS%2F-M0TKxm2agcu5VoXjs3t%2F-M0TSC5RwwyN5X-YcCh6%2Fundo.png?alt=media&#x26;token=5670685e-fecc-45e0-bb2b-12fa2f17bbc4" alt="" data-size="line"> Отмена операции.\
&#x20;<img src="https://2170735180-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M-9YMGCK0ySSnTAiseS%2F-M0TKxm2agcu5VoXjs3t%2F-M0TSFwoXPzkrdbPn2cV%2Fredo.png?alt=media&#x26;token=717d9b14-698d-4d56-84d6-c028196a64bf" 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)

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

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

<img src="https://2170735180-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M-9YMGCK0ySSnTAiseS%2F-M0TKxm2agcu5VoXjs3t%2F-M0TWxWgx9KVeBfQbJrk%2Frobots_run.png?alt=media&#x26;token=db927b49-d6ea-4dca-a1a9-5a4e84cfc045" alt="" data-size="line"> Запуск выполнения программы.\ <img src="https://2170735180-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M-9YMGCK0ySSnTAiseS%2F-M0TKxm2agcu5VoXjs3t%2F-M0TX0G3FoWI7aMJI4Mk%2Frobots_stop.png?alt=media&#x26;token=d0e61447-74a3-4f2a-a75c-d37db0862291" alt="" data-size="line"> Остановка выполнения программы.\ <img src="https://2170735180-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M-9YMGCK0ySSnTAiseS%2F-M0TKxm2agcu5VoXjs3t%2F-M0TX5bS1yQoAY5cNCNc%2F2d-model.svg?alt=media&#x26;token=e2a6612d-3cc3-4bd9-805f-e33d3bc72d86" alt="" data-size="line"> Двумерная модель.\ <img src="https://2170735180-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M-9YMGCK0ySSnTAiseS%2F-M0TX8mRft7pVGkywKwa%2F-M0TX9rSQOMfgBTT3E5g%2Fswitch-real-trik.svg?alt=media&#x26;token=359c477b-9cec-405b-868d-10ea3667d5b9" alt="" data-size="line"> Реальный робот.\ <img src="https://2170735180-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M-9YMGCK0ySSnTAiseS%2F-M0TXCEajF5DKHRwlrBK%2F-M0TXDYJbs_WF2a1oa2D%2Frobots_settings1.png?alt=media&#x26;token=60876dcb-c86f-4dbe-93ad-36665e244247" 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="https://2170735180-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M-9YMGCK0ySSnTAiseS%2F-M0TXCEajF5DKHRwlrBK%2F-M0TXb7ok6PDNzhzCIJZ%2FgenerateQtsCode.svg?alt=media&#x26;token=5618d28a-b1ff-4f5c-8db6-9601adf3c734" alt="" data-size="line"> Генерировать код.\ <img src="https://2170735180-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M-9YMGCK0ySSnTAiseS%2F-M0TXCEajF5DKHRwlrBK%2F-M0TXep32vy7B9GFzAUH%2FuploadProgram.svg?alt=media&#x26;token=d850b4e4-e44d-47f9-a44e-f4d2121e51a7" alt="" data-size="line"> Загрузить программу.

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

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

Например, для [конструктора ТРИК](https://help.trikset.com/trik/about) на данной панели отображается 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="https://2170735180-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M-9YMGCK0ySSnTAiseS%2F-M0TXCEajF5DKHRwlrBK%2F-M0TY1WonWoSm6Er3C0T%2Fmain_tabbar_edit.svg?alt=media&#x26;token=1fce5196-1215-403d-aea9-75c4bd529942" alt="" data-size="line"> Редактор.\ <img src="https://2170735180-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M-9YMGCK0ySSnTAiseS%2F-M0TXCEajF5DKHRwlrBK%2F-M0TY4iRvGypRauhlbad%2Fmain_tabbar_debug.svg?alt=media&#x26;token=99ce9b13-c10f-4f1c-95d1-ac549ce90d80" alt="" data-size="line"> Отладка.

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

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

![Панель «Редактор свойств»](https://2170735180-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M-9YMGCK0ySSnTAiseS%2F-M0ToXPvMeBfrtHuMCTH%2F-M0TpWdgHowDu1x_3n4D%2Fpanel-property-editor.png?alt=media\&token=02d588c8-ab48-460b-8631-fba14bd833c5)

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

{% content-ref url="programming-visual/editing-element-properties" %}
[editing-element-properties](https://help.trikset.com/studio/programming-visual/editing-element-properties)
{% endcontent-ref %}

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

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

{% hint style="info" %}
Набор сенсоров зависит от выбранной платформы в настройках на вкладке «[Роботы](https://help.trikset.com/settings#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. Состав палитры может меняться в зависимости от выбранной в [настройках](https://help.trikset.com/settings#robots) платформы.
2. Серым выделены блоки, недоступные в выбранной модели выполнения (2D-модели или на реальном роботе).
   {% endhint %}

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

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

{% content-ref url="programming-visual/blocks-add-delete" %}
[blocks-add-delete](https://help.trikset.com/studio/programming-visual/blocks-add-delete)
{% endcontent-ref %}

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

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

![Панель «Переменные»](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 ([редактирования](#mode-edit) или [отладки](#mode-debug)) и позволяет переключаться между режимами. Для переключения достаточно кликнуть на строку статуса.

![Строка статуса](https://2170735180-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M-9YMGCK0ySSnTAiseS%2F-M0ToXPvMeBfrtHuMCTH%2F-M0Tqdts93w01eJFU0Br%2Fpnl-status-bar.png?alt=media\&token=70a138f0-3e8e-4a3d-9044-d47c2be9da75)

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

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

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

![Режим отладки](https://2170735180-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M-9YMGCK0ySSnTAiseS%2F-M0TcfWx1gGjxu_z0SBq%2F-M0TjmQsIOWiiEiiKq8J%2Ftrik-studio-mode-debug.png?alt=media\&token=a6601701-b647-4eb2-bbfe-1900b11be03e)

### &#x20;<a href="#window-2-d" id="window-2-d"></a>

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

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

![Окно 2D-модели](https://2170735180-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M-9YMGCK0ySSnTAiseS%2F-M0TcfWx1gGjxu_z0SBq%2F-M0TkuQaKBiWFMX5GFUr%2Fwindow-2d-model.png?alt=media\&token=75cf9caf-bbf4-4a47-8b83-c63099880841)

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

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

{% content-ref url="2d-model" %}
[2d-model](https://help.trikset.com/studio/2d-model)
{% endcontent-ref %}

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

###

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

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

![Панель «Настройки робота»](https://2170735180-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M-9YMGCK0ySSnTAiseS%2F-M0TcfWx1gGjxu_z0SBq%2F-M0TntWMAc1lWcMJe4-d%2Fpanel-settings-robot.png?alt=media\&token=ecef987a-d780-4e96-960a-067978e8d611)

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

![](https://2170735180-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M-9YMGCK0ySSnTAiseS%2F-MOYW6zUAhOEKbKPI7pR%2F-MOYWcPT76NyukBcCRZs%2F04%20D%20ru%20panel-controller-open%202.gif?alt=media\&token=0f349074-7bb5-4fde-bc16-f11032371075)

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

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

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

![](https://2170735180-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M-9YMGCK0ySSnTAiseS%2F-MOYW6zUAhOEKbKPI7pR%2F-MOYWlmLUv0U0uAJgq_b%2F04%20F%20ru%20panel-error%202.gif?alt=media\&token=fde909cd-dad4-4a89-97bc-e84f0c9c774a)

###

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

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

![](https://2170735180-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M-9YMGCK0ySSnTAiseS%2F-MOYW6zUAhOEKbKPI7pR%2F-MOYWt94fbDl8Za7mNo4%2F04%20G%20ru%20panel-graphics.png?alt=media\&token=c39594fa-eb88-4cfc-abb1-e6764eaeb120)

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

{% content-ref url="interface/graphics" %}
[graphics](https://help.trikset.com/studio/interface/graphics)
{% endcontent-ref %}
