Кнопки в Roblox Studio

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

Типы кнопок

Текстовая кнопка

TextButton очень похож на TextLabel, за исключением того, что игрок может активировать его щелчком мыши. Внутри он также имеет многие из тех же визуальных свойств, что и текстовая метка — шрифт, цвет фона, цвет обводки и т. д.

Кнопки в Roblox Studio

Кнопка изображения

ImageButton похож на интерактивную версию ImageLabel объекта и использует пользовательское изображение, которое вы загружаете в Roblox. Он также обладает большинством тех же свойств, что и его аналог без кнопок .

Кнопки в Roblox Studio

Как сделать кнопку в Роблокс Студио

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

Как добавить кнопку изображение

  1. В окне проводника наведите указатель мыши на объект StarterGui , нажмите кнопку с кружком Кнопки в Roblox Studio и вставьте объект ScreenGui .
  2. Выберите новый объект ScreenGui и аналогичным образом вставьте ImageButton .

Кнопки в Roblox Studio

При этом в самом углу игры должна появиться пустая кнопка.

Кнопки в Roblox Studio

Как загрузить изображение

Для кнопки этого типа понадобиться 3 разных изображения:

  • обычное отображение на экране;
  • отображение при наведении курсора;
  • отображение при клике по ней.

Что бы загрузить сразу несколько изображений можно воспользоваться Asset Manager

  1. Откройте его нажав на «Asset Manager» на вкладке «View».

Кнопки в Roblox Studio

  1. Нажмите на значок «Import» в верхней части окна.

Кнопки в Roblox Studio

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

    Кнопки в Roblox Studio
  2. По завершении загрузки дважды щелкните папку «Images»
Внутри папки вы должны увидеть новые изображения:

Кнопки в Roblox Studio

Как изменить внешний вид кнопки

Задать изменение вида кнопки при наведении на нее и нажатии, можно через ImageButton объект.

  1. В окне проводника выберите новый объект ImageButton.

Кнопки в Roblox Studio

  1. В окне «Properties» щелкните свойство «Image» и выберите ImgButtonNormal .

Кнопки в Roblox Studio

  1. Щелкните свойство HoverImage и выберите ImgButtonHover .

Кнопки в Roblox Studio

  1. Щелкните свойство PressedImage и выберите ImgButtonPressed .

Кнопки в Roblox Studio

Регулировка положения кнопки

Чтобы отобразить и отрегулировать положение кнопки на экране:

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

Кнопки в Roblox Studio

  1. Немного отодвиньте кнопку от угла, установив для параметров PositionXOffset и PositionYOffset значение около 50.

Кнопки в Roblox Studio

Как прикрепить скрипт к кнопке

И самое основное — это подключить скрипт который и будет отвечать за функционал кнопки.

  1. В окне Проводника наведите указатель мыши на объект ImageButton , щелкните Кнопки в Roblox Studio кнопку и вставьте LocalScript.

Кнопки в Roblox Studio

  1. В скрипте скопируйте и вставьте этот код:

local button = script.Parent
local function onButtonActivated()
print("Button activated!")
-- Perform expected button action(s) here
end
button.Activated:Connect(onButtonActivated)

Это базовый скрипт кнопки, и он работает следующим образом:

  • Первая строка устанавливает переменную button , которая сообщает скрипту, с каким конкретным объектом он связан. В этом случае он связан с ImageButton родительским элементом скрипта.
  • Функция onButtonActivated() является основным обработчиком активации кнопки. Внутри него вы должны выполнить предполагаемое действие, например, открыть главное меню игры.
  • Последняя строка соединяет кнопку с onButtonActivated() функцией с Activated событием. Это заставит функцию запускаться каждый раз, когда игрок активирует кнопку в игре.

Неполадки и неисправности кнопок

Если кнопка не работает должным образом, проверьте следующее:

  • Убедитесь, что вы использовали клиентскую LocalScript, а не серверную часть Script .
  • Убедитесь, что LocalScript является прямым потомком объекта ImageButton (а не родительским элементом ScreenGui верхнего уровня
  • Убедитесь, что для свойств вашего ImageButton объекта Image , HoverImage и PressedImage установлены соответствующие ресурсы изображения.

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

Чат бот Mine_vs
Привет, я могу подсказать тебе крутой мод по майнкрафту или клевый режим по роблоксу, выбери раздел и я расскажу что умею =)
Майнкрафт
Роблокс