Przyciski tekstu i obrazu

Przyciski są GuiObjects, które umożliwiają użytkownikom wykonanie akcji. Możesz dostosować przyciski do dostarczania kontekstu i opinie, takich jak zmiana wyglądu wizualnego lub skrypting widocznych zwrotów, gdy użytkownik klika przycisk.

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

• A TextButton jest prostokątem z tekstem, który wywołuje wydarzenie Activated przy kliknięciu/dotknięciu.

• Class.ImageButton jest prostokątem z obrazem, który wywołuje wydarzenie Activated przy kliknięciu/naciśnięciu. Ma dodatkowe stanowiska do wymiany obrazu na użyjniku hover lub naciskać.

Tworzenie Przycisków na Ekranie

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

Aby dodać przycisk do ekranu:

1. W oknie Explorer , wybierz StarterGui i dodaj ScreenGUI .

   1. Przytrzymaj StarterGui i kliknij przycisk ⊕. Wyświetlony zostanie menu kontekstowe.

   2. Wprowadź ScreenGUI .

2. Wybierz nowy ScreenGUI i dodaj przycisk.

   1. Przytrzymaj Kolejka i kliknij przycisk ⊕. Wyświetli się menu kontekstowe.

   2. Wpisz Przycisk tekstowy lub Przycisk obrazowy .

   

Tworzenie przycisków na twarzy części

Przyciski na części są użyteczne, aby użytkownicy mogli wchodzić w interakcję z częściami. Na przykład możesz pozwolić użytkownikom na kroknięcie przycisku, aby ukończyć akcji.

Aby dodać przycisk do twarzy części:

1. W oknie Explorer , wybierz część i dodaj SurfceGui .

   1. Przytrzymajте nad częścią i kliknijте przycisk ⊕. Wyświetla się menu kontekstowe.

   2. Wprowadź Główny interfejs użytkownika .

2. Wybierz nowy SurfaceGui i dodaj dowolny rodzaj przycisków lub wejść.

   1. Przytrzymaj powierzchnię gui i kliknij przycisk ⊕. Wyświetlony zostanie menu kontekstowe.

   2. Wpisz Przycisk tekstowy lub Przycisk obrazowy .

   

   Jeśli nie widzisz przycisku, spróbuj wybrać inną twarz w właściwości Twarz z Gniazda powierzchni.

Zmiana wyglądu przyciska obrazu

Zmiana wyglądu ImageButton , gdy użytkownik z nim interaguje, zapewnia użyteczne wizualne zwrotki opinie. Na przykład, gdy ImageButton zmienia wizualny wygląd, gdy użytkownik kursuje nad nim, pozwala użytkownikowi wiedzieć, że nie jest to wyłączone i że mają opcję klik

Class.ImageButton ma trzy właściwości, aby zmienić jego wygląd wizualny:

• Image - Obraz, który wyświetla się, gdy użytkownik nie interaguje z ImageButton .

• HoverImage - Obraz, który wyświetla się, gdy użytkownik położył swoją kurę nad ImageButton .

• PressedImage - Obraz, który wyświetla się, gdy użytkownik klika na ImageButton .

Aby zmienić wygląd ImageButton z użyciem wejścia użytkownika:

1. Dodaj Przycisk Zdjęcia do ekranu lub powierzchni .

2. W oknie Explorer, kliknij obiekt ImageButton.

3. W Oknie Proprietści, przypisz trzy różne ID zasobów dla Obrazu, HoverImage i 2> Przytrzymywanej grafiki2>.

Przyciski do programowania

Możesz skryptować akcję, gdy użytkownik naciśnie przycisk, połączyв przycisk z wydarzeniem GuiButton.Activated. Na przykład, gdy rodzisz następujące LocalScript przycisku, przycisk zmienia się kolorem losowym za każdym razem, gdy użytkownik go kliknie.

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