Boutons texte et image

*Ce contenu est traduit en utilisant l'IA (Beta) et peut contenir des erreurs. Pour consulter cette page en anglais, clique ici.

Les boutons sont GuiObjects qui permettent aux utilisateurs d'effectuer une action.Vous pouvez personnaliser les boutons pour fournir un contexte et des commentaires, tels que changer l'apparence visuelle ou scripting des commentaires audibles lorsqu'un utilisateur clique sur un bouton.

Il existe deux types de boutons que vous pouvez placer sur écran ou dans l'expérience :

  • Un TextButton est un rectangle avec du texte qui déclenche l'événement Activated au clic/touche.

  • Un ImageButton est un rectangle avec une image qui déclenche l'événement Activated au clic/touche.Il comprend des états supplémentaires pour échanger l'image lorsque l'utilisateur passe la souris ou appuyer.

Créer des boutons sur l'écran

Les boutons sur un écran sont utiles pour guider rapidement les utilisateurs vers divers menus ou pages.

Pour ajouter un bouton à l'écran :

  1. Dans la fenêtre Explorateur , sélectionnez StarterGui et ajoutez un ScreenGui .

    1. Passez la souris sur StarterGui et cliquez sur le bouton ⊕. Un menu contextuel s'affiche.

    2. Insérez un ScreenGui .

  2. Sélectionnez le nouveau ScreenGui et ajoutez un bouton.

    1. Passez la souris sur ScreenGui et cliquez sur le bouton ⊕. Un menu contextuel s'affiche.

    2. Insérez soit un bouton de texte ou bouton d'image .

Créer des boutons sur les faces de pièces

Les boutons sur une partie sont utiles pour permettre aux utilisateurs d'interagir avec des parties. Par exemple, vous pouvez laisser les utilisateurs marcher sur un bouton pour terminer une action.

Pour ajouter un bouton au visage d'une partie :

  1. Dans la fenêtre Explorateur , sélectionnez la partie et ajoutez un SurfaceGui .

    1. Passez la souris sur la partie et cliquez sur le bouton ⊕. Un menu contextuel s'affiche.

    2. Insérez une SurfaceGui .

  2. Sélectionnez le nouveau SurfaceGui et ajoutez n'importe quel type de bouton ou d'entrée.

    1. Passez la souris sur SurfaceGui et cliquez sur le bouton ⊕. Un menu contextuel s'affiche.

    2. Insérez soit un bouton de texte ou bouton d'image .

Modifier l'apparence d'un ImageButton

Changer l'apparence d'un ImageButton lorsqu'un utilisateur interagit avec lui fournit un commentairesvisuel utile.Par exemple, lorsqu'un ImageButton change l'apparence visuelle lorsqu'un utilisateur survole dessus, il permet à l'utilisateur de savoir qu'il n'est pas désactivé et qu'il a l'option de le cliquer s'il veut effectuer cette action ImageButton.

Un ImageButton a trois propriétés pour changer son apparence visuelle :

Normal
>

Passez en revue
>

Pressé
>

Pour modifier l'apparence d'un ImageButton avec l'entrée de l'utilisateur :

  1. Ajoutez un bouton d'image à un écran ou à une surface.

  2. Dans la fenêtre Explorateur , cliquez sur l'objet bouton d'image .

  3. Dans la fenêtre propriétés , attribuez trois ID de ressources différentes pour les propriétés image , HoverImage et image appuyée .

Boutons de script

Vous pouvez programmer une action lorsqu'un utilisateur appuie sur un bouton en connectant le bouton à un événement GuiButton.Activated.Par exemple, lorsque vous parent le suivant LocalScript à un bouton, le bouton change de couleur aléatoire chaque fois qu'un utilisateur le clique.


local button = script.Parent
local RNG = Random.new()
local function onButtonActivated()
-- randomiser la couleur du bouton
button.BackgroundColor3 = Color3.fromHSV(RNG:NextNumber(), 1, 1)
end
button.Activated:Connect(onButtonActivated)