Przycisk tekstowy i graficzny

Przyciski to GuiObjects, które pozwalają użytkownikom wykonać akcję. Możesz dostosować przyciski, aby zapewnić kontekst i informację zwrotną, na przykład zmieniając wygląd wizualny lub skryptując dźwiękową informację zwrotną, gdy użytkownik kliknie przycisk.

Istnieją dwa typy przycisków, które możesz umieścić na ekranie lub w doświadczeniu:

• TextButton to prostokąt z tekstem, który wywołuje zdarzenie Activated po kliknięciu/tapnięciu.

• ImageButton to prostokąt z obrazem, który wywołuje zdarzenie Activated po kliknięciu/tapnięciu. Posiada dodatkowe stany do zamiany obrazu przy najechaniu lub naciśnięciu przez użytkownika.

Tworzenie przycisków na ekranie

Przyciski na ekranie są przydatne do szybkiego prowadzenia użytkowników do różnych menu lub stron.

Aby dodać przycisk do ekranu:

1. W oknie Eksplorator wybierz StarterGui i dodaj ScreenGui.

   1. Najedź na StarterGui i kliknij przycisk ⊕. Wyświetla się menu kontekstowe.

   2. Wstaw ScreenGui.

2. Wybierz nowy ScreenGui i dodaj przycisk.

   1. Najedź na ScreenGui i kliknij przycisk ⊕. Wyświetla się menu kontekstowe.

   2. Wstaw albo TextButton, albo ImageButton.

   

Tworzenie przycisków na powierzchniach części

Przyciski na częściach są przydatne, ponieważ pozwalają użytkownikom na interakcję z częściami. Na przykład możesz pozwolić użytkownikom na stanie na przycisku, aby wykonać akcję.

Aby dodać przycisk do powierzchni części:

1. W oknie Eksplorator wybierz część i dodaj SurfaceGui.

   1. Najedź na część i kliknij przycisk ⊕. Wyświetla się menu kontekstowe.

   2. Wstaw SurfaceGui.

2. Wybierz nowy SurfaceGui i dodaj dowolny typ przycisku lub wejścia.

   1. Najedź na SurfaceGui i kliknij przycisk ⊕. Wyświetla się menu kontekstowe.

   2. Wstaw albo TextButton, albo ImageButton.

   

   Jeśli nie widzisz przycisku, spróbuj wybrać inną powierzchnię w właściwości Face dla SurfaceGui.

Zmiana wyglądu ImageButton

Zmiana wyglądu ImageButton podczas interakcji użytkownika z nim zapewnia użyteczną wizualną informację zwrotną. Na przykład, gdy ImageButton zmienia wygląd wizualny podczas najechania przez użytkownika, informuje to użytkownika, że nie jest on wyłączony i ma możliwość kliknięcia, jeśli chce wykonać tę akcję ImageButton.

ImageButton ma trzy właściwości, które zmieniają jego wygląd wizualny:

• Image - Obraz, który jest wyświetlany, gdy użytkownik nie interaguje z ImageButton.

• HoverImage - Obraz, który jest wyświetlany, gdy użytkownik najeżdża kursorem na ImageButton.

• PressedImage - Obraz, który jest wyświetlany, gdy użytkownik klika ImageButton.

Aby zmienić wygląd ImageButton za pomocą wejścia użytkownika:

1. Dodaj ImageButton do ekranu lub powierzchni.

2. W oknie Eksplorator kliknij obiekt ImageButton.

3. W oknie Właściwości, przypisz trzy różne identyfikatory zasobów do właściwości Image, HoverImage i PressedImage.

Skryptowanie przycisków

Możesz zapisać akcję, gdy użytkownik naciśnie przycisk, łącząc przycisk ze zdarzeniem GuiButton.Activated. Na przykład, gdy umieścisz dla poniższego LocalScript jako rodzica przycisku, przycisk zmienia kolor na losowy za każdym razem, gdy użytkownik go kliknie.

local button = script.Parent
local RNG = Random.new()
local function onButtonActivated()
	-- losuj kolor przycisku
	button.BackgroundColor3 = Color3.fromHSV(RNG:NextNumber(), 1, 1)
end
button.Activated:Connect(onButtonActivated)