Pulsanti di testo e immagine

I pulsanti sono GuiObjects che consentono agli utenti di eseguire un'azione. Puoi personalizzare i pulsanti per fornire contesto e Riscontro/Replica, come la modifica dell'aspetto visivo o scripting feedback audibile 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 sul clic/tocco.

• Un ImageButton è un rettangolo con un'immagine che attiva l'evento Activated sul clic/tocco. Presenta uno stato aggiuntivo per scambiare l'immagine sull'utente hover o Stampare.

Creazione di pulsanti sullo schermo

I pulsanti su una schermata sono utili per guidare rapidamente gli utenti in varie pagine o menu.

Per aggiungere un pulsante alla schermata:

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

   1. Passa il mouse su StarterGui e fai clic sul pulsante ⊕. Viene visualizzato un menu contestuale.

   2. Inserisci un ScreenGUI .

2. Seleziona il nuovo ScreenGUI e aggiungi un pulsante.

   1. Passa il mouse su ScreenGUI e fai clic sul pulsante ⊕. Viene visualizzato un menu contestuale.

   2. Inserisci uno qualsiasi di un TextButton o ImageButton .

   

Creazione di pulsanti sulle facce della parte

I pulsanti su una parte sono utili per consentire agli utenti di interagire con le parti. Ad esempio, puoi consentire agli utenti di passare su un pulsante per completare un'azione.

Per aggiungere un pulsante alla faccia di una parte:

1. Nella finestra Explorer, seleziona la parte e aggiungi un SurfaceGui .

   1. Passa il mouse sulla parte e fai clic sul pulsante ⊕ . Un menu contestuale viene visualizzato.

   2. Inserisci una GUI di superficie .

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

   1. Passa il mouse su SurfaceGui e fai clic sul pulsante ⊕. Viene visualizzato un menu contestuale.

   2. Inserisci uno qualsiasi di un TextButton o ImageButton .

   

   Se non vedi il pulsante, prova a scegliere un'altra faccia nella proprietà Faccia della GUI di superficie.

Cambiare l'aspetto di un ImageButton

Cambiare l'aspetto di un ImageButton quando un utente interagisce con esso fornisce un Riscontro/Replicavisivo utile. Ad esempio, quando un ImageButton cambia l'aspetto visivo quando un utente passa il mouse su di esso, consente all'utente di sapere che non è disabilitato e che ha l'opzione di fare clic su di esso se lo desidera.

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 mouse sul ImageButton .

• PressedImage - L'immagine che viene visualizzata quando un utente fa clic 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 Proprietà , assegnare tre ID rispettive risorse diverse per l' immagine , HoverImage e 1>PressedImage1> proprietà.

Bottoni di script

Puoi script un'azione quando un utente premere un pulsante connettendo il pulsante a un evento GuiButton.Activated . Ad esempio, quando hai genitori il seguente LocalScript a un pulsante, il pulsante cambia colore casualmente ogni volta che un utente lo clicca.

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)