Pulsanti di testo e immagine

Pulsanti sono GuiObjects che consentono agli utenti di eseguire un'azione. Puoi personalizzare i pulsanti per fornire contesto e feedback, ad esempio cambiando l'aspetto visivo o programmazione feedback udibili quando un utente fa clic su un pulsante.

Ci sono due tipi di pulsanti che puoi posizionare sullo schermo o nell'esperienza:

• Un TextButton è un rettangolo con testo che attiva l'evento Activated al clic/tocco.

• Un ImageButton è un rettangolo con un'immagine che attiva l'evento Activated al clic/tocco. Presenta stati aggiuntivi per scambiare l'immagine quando l'utente passa il mouse o preme.

Creare pulsanti sullo schermo

I pulsanti su uno schermo sono utili per guidare rapidamente gli utenti verso vari menu o pagine.

Per aggiungere un pulsante allo schermo:

1. Nella finestra Explorer, seleziona StarterGui e aggiungi un ScreenGui.

   1. Passa il mouse sopra StarterGui e fai clic sul pulsante ⊕. Si apre un menu contestuale.

   2. Inserisci un ScreenGui.

2. Seleziona il nuovo ScreenGui e aggiungi un pulsante.

   1. Passa il mouse sopra ScreenGui e fai clic sul pulsante ⊕. Si apre un menu contestuale.

   2. Inserisci un TextButton o un ImageButton.

   

Creare pulsanti sulle facce dei pezzi

I pulsanti su un pezzo sono utili per consentire agli utenti di interagire con i pezzi. Ad esempio, puoi consentire agli utenti di calpestare un pulsante per completare un'azione.

Per aggiungere un pulsante sulla faccia di un pezzo:

1. Nella finestra Explorer, seleziona il pezzo e aggiungi un SurfaceGui.

   1. Passa il mouse sopra il pezzo e fai clic sul pulsante ⊕. Si apre un menu contestuale.

   2. Inserisci un SurfaceGui.

2. Seleziona il nuovo SurfaceGui e aggiungi qualsiasi tipo di pulsante o input.

   1. Passa il mouse sopra SurfaceGui e fai clic sul pulsante ⊕. Si apre un menu contestuale.

   2. Inserisci un TextButton o un ImageButton.

   

   Se non vedi il pulsante, prova a scegliere una faccia diversa nella proprietà Face del SurfaceGui.

Cambiare l'aspetto di un ImageButton

Cambiare l'aspetto di un ImageButton quando un utente interagisce con esso fornisce feedback visivo utile. Ad esempio, quando un ImageButton cambia aspetto visivo quando un utente passa il mouse su di esso, indica all'utente che non è disabilitato e che ha l'opzione di cliccarlo se desidera eseguire quell'azione ImageButton.

Un ImageButton ha tre proprietà per cambiare il suo aspetto visivo:

• Image - L'immagine che viene visualizzata quando un utente non interagisce con il ImageButton.

• HoverImage - L'immagine che viene visualizzata quando un utente passa il cursore sopra il ImageButton.

• PressedImage - L'immagine che viene visualizzata quando un utente clicca sul ImageButton.

Per cambiare l'aspetto di un ImageButton con l'input dell'utente:

1. Aggiungi un ImageButton a uno schermo o a una superficie.

2. Nella finestra Explorer, fai clic sull'oggetto ImageButton.

3. Nella finestra Properties, assegna tre diversi ID di asset rispettivi per le proprietà Image, HoverImage e PressedImage.

Script pulsanti

Puoi programmare un'azione quando un utente preme un pulsante collegando il pulsante a un evento GuiButton.Activated. Ad esempio, quando poni il seguente LocalScript a un pulsante, il pulsante cambia colore a caso ogni volta che un utente ci clicca sopra.

local button = script.Parent
local RNG = Random.new()
local function onButtonActivated()
	-- randomizza il colore del pulsante
	button.BackgroundColor3 = Color3.fromHSV(RNG:NextNumber(), 1, 1)
end
button.Activated:Connect(onButtonActivated)