Schaltflächen sind GuiObjects, die es Benutzern ermöglichen, eine Aktion auszuführen. Sie können Schaltflächen anpassen, um Kontext und Feedback bereitzustellen, beispielsweise durch Ändern des visuellen Erscheinungsbilds oder Scripting hörbares Feedback, wenn ein Benutzer auf eine Schaltfläche klickt.
Es gibt zwei Arten von Schaltflächen, die Sie auf dem Bildschirm oder in der Erfahrung platzieren können:
Eine TextButton ist ein Rechteck mit Text, das das Activated Ereignis bei Klick/Tap auslöst.
Eine ImageButton ist ein Rechteck mit einem Bild, das das Activated Ereignis bei Klick/Tap auslöst. Es verfügt über zusätzliche Zustände zum Wechseln des Bildes bei Hover oder Drücken durch den Benutzer.
Erstellen von Schaltflächen auf dem Bildschirm
Schaltflächen auf einem Bildschirm sind nützlich, um Benutzer schnell zu verschiedenen Menüs oder Seiten zu leiten.
So fügen Sie eine Schaltfläche zum Bildschirm hinzu:
Wählen Sie im Explorer-Fenster StarterGui aus und fügen Sie eine ScreenGui hinzu.
Bewegen Sie den Mauszeiger über StarterGui und klicken Sie auf die ⊕-Schaltfläche. Ein Kontextmenü wird angezeigt.
Fügen Sie eine ScreenGui ein.
Wählen Sie die neue ScreenGui aus und fügen Sie eine Schaltfläche hinzu.
Bewegen Sie den Mauszeiger über ScreenGui und klicken Sie auf die ⊕-Schaltfläche. Ein Kontextmenü wird angezeigt.
Fügen Sie entweder eine TextButton oder ImageButton ein.
Erstellen von Schaltflächen auf Teilflächen
Schaltflächen auf einem Teil sind nützlich, damit Benutzer mit Teilen interagieren können. Zum Beispiel können Sie Benutzern erlauben, auf eine Schaltfläche zu treten, um eine Aktion auszuführen.
So fügen Sie eine Schaltfläche zur Fläche eines Teils hinzu:
Wählen Sie im Explorer-Fenster das Teil aus und fügen Sie eine SurfaceGui hinzu.
Bewegen Sie den Mauszeiger über das Teil und klicken Sie auf die ⊕-Schaltfläche. Ein Kontextmenü wird angezeigt.
Fügen Sie eine SurfaceGui ein.
Wählen Sie die neue SurfaceGui aus und fügen Sie irgendeine Art von Schaltfläche oder Eingabe hinzu.
Bewegen Sie den Mauszeiger über SurfaceGui und klicken Sie auf die ⊕-Schaltfläche. Ein Kontextmenü wird angezeigt.
Fügen Sie entweder eine TextButton oder ImageButton ein.
Wenn Sie die Schaltfläche nicht sehen, versuchen Sie, eine andere Fläche auszuwählen in der Face-Eigenschaft der SurfaceGui.
Ändern des Erscheinungsbilds einer ImageButton
Das Ändern des Erscheinungsbilds einer ImageButton, wenn ein Benutzer mit ihr interagiert, bietet nützliches visuelles Feedback. Zum Beispiel, wenn sich das visuelle Erscheinungsbild einer ImageButton ändert, wenn ein Benutzer mit der Maus darüber fährt, lässt es den Benutzer wissen, dass sie nicht deaktiviert ist und dass sie die Möglichkeit haben, darauf zu klicken, wenn sie die ImageButton-Aktion ausführen möchten.
Eine ImageButton hat drei Eigenschaften, um ihr visuelles Erscheinungsbild zu ändern:
Image - Das Bild, das angezeigt wird, wenn ein Benutzer nicht mit der ImageButton interagiert.
HoverImage - Das Bild, das angezeigt wird, wenn ein Benutzer den Mauszeiger über die ImageButton bewegt.
PressedImage - Das Bild, das angezeigt wird, wenn ein Benutzer auf die ImageButton klickt.
Um das Erscheinungsbild einer ImageButton entsprechend der Benutzereingabe zu ändern:
Fügen Sie eine ImageButton zu einem Bildschirm oder einer Fläche hinzu.
Klicken Sie im Explorer-Fenster auf das ImageButton-Objekt.
Weisen Sie im Eigenschaften-Fenster drei unterschiedliche entsprechende Asset-IDs für die Image, HoverImage und PressedImage Eigenschaften zu.
Schaltflächen skripten
Sie können eine Aktion skripten, wenn ein Benutzer auf eine Schaltfläche drückt, indem Sie die Schaltfläche mit einem GuiButton.Activated Ereignis verbinden. Zum Beispiel, wenn Sie das folgende LocalScript einer Schaltfläche zuordnen, ändert sich die Schaltfläche bei jedem Klick des Benutzers in eine zufällige Farbe.
local button = script.Parent
local RNG = Random.new()
local function onButtonActivated()
-- Farbe der Schaltfläche randomisieren
button.BackgroundColor3 = Color3.fromHSV(RNG:NextNumber(), 1, 1)
end
button.Activated:Connect(onButtonActivated)