Визуальный глоссарий

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

Рабочее пространство

Рабочее пространство — компонент самого высокого уровня в Blockly. Оно содержит все остальные компоненты. Именно здесь вы занимаетесь программированием!

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

Ящик с инструментами

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

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

Всплывающая панель инструментов

Выпадающие панели инструментов (они же простые панели инструментов) имеют один набор блоков, который отображается постоянно.

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

Категория «Инструментарий»

Наборы инструментов категорий содержат несколько наборов блоков.

Рабочее пространство с панелью инструментов, состоящей из восьми категорий (Логика, Циклы, Математика и т. д.). Блоки не видны, поскольку категории не открыты.

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

То же рабочее пространство и панель инструментов категорий, что и на предыдущем изображении, за исключением того, что категория «Логика» открыта и показывает семь логических блоков (if-do, сравнение, and-or и т. д.).

Мусорное ведро

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

Рабочее пространство с мусорной корзиной в правом нижнем углу.

Управление масштабированием

Элементы управления масштабированием позволяют увеличивать и уменьшать масштаб рабочего пространства при щелчке по ним.

Рабочее пространство с элементами управления масштабированием над корзиной.

Контекстное меню

Контекстное меню появляется при щелчке правой кнопкой мыши или длительном нажатии на определённые элементы рабочей области (например, на фон рабочей области или блоки). Оно содержит список действий, которые можно выполнить с этим элементом.

Над блоком if-do открыто контекстное меню. Оно содержит пункты: «Дублировать», «Добавить комментарии», «Встроенные поля ввода», «Свернуть блок», «Отключить блок», «Удалить блок» и «Справка».

Блоки

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

Блок if-do, блок чисел и блок для создания списка.

Стек блоков

Стек блоков — это любая совокупность соединённых блоков. Они могут быть соединены горизонтально или вертикально.

Блок if-do с двумя подключенными к нему блоками. Блок числового сравнения подключен к входу if, а блок повторения подключен к входу do.

Блок тени

Теневой блок — это редактируемый, но неперемещаемый блок, соединённый с другим блоком. Вы можете перетаскивать блоки без тени поверх теневых, чтобы перезаписать их.

Блок округления чисел, соединённый с блоком теневого числа, и блок печати, соединённый с блоком теневого текста. Теневые блоки выделены серым цветом, чтобы показать, что это блоки по умолчанию, и что вы можете перетаскивать другие блоки поверх них.

Маркер вставки

Маркер вставки — это предварительный просмотр того, где будет соединиться стопка блоков, если её отпустить. Он выглядит как серая версия блока.

Блок if-do с маркером, показывающим, где будет вставлен другой блок.

Детали блока

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

Поля

Поле — это визуальный элемент, размещаемый в блоке. Оно может быть редактируемым (например, текстовое поле) или только информационным (например, метка). Поле всегда содержится в поле ввода .

Блок с тремя полями: метка «повторить», раскрывающийся список с выбранным вариантом «пока» и метка «выполнить».

Связи

Соединение — это место на блоке, к которому могут подключаться другие блоки.

Связь Изображение
Выход выходное соединение
Вход входное соединение
Предыдущий предыдущее соединение
Следующий следующее соединение

Входы

Вход — это контейнер для полей и соединений. Блок строится путём размещения входов в одну или несколько строк, подобно кирпичикам.

Блок, созданный из входного значения, входного значения конца строки и входного значения оператора.

Все входные данные могут содержать поля. Только входные данные типа «значение» и «оператор» могут содержать соединение.

Тип ввода Тип соединения Примечания
Дурачок Никто
Конец ряда Никто Приводит к началу новой строки при следующем вводе.
Ценить Вход
Заявление Следующий

Иконки

Значок — это визуальный элемент, который размещается в блоке. Он всегда располагается в верхнем начальном углу блока и часто образует пузыри.

Блок if-do со значком мутатора и значками комментариев.

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