GuiButtons zijn GuiObjects die spelers in staat stellen om een actie uit te voeren. Je kunt deze knoppen aanpassen om context en feedback te bieden, zoals het veranderen van het visuele uiterlijk of scripting van hoorbare feedback wanneer een speler met een knop interacteert.
Er zijn twee soorten knoppen die je kunt plaatsen op het scherm of in het spel:
Een TextButton is een rechthoek met tekst die de Activated en/of SecondaryActivated gebeurtenis activeert bij klikken/tikken.
Een ImageButton is een rechthoek met een afbeelding die de Activated en/of SecondaryActivated gebeurtenis activeert bij klikken/tikken. Het heeft extra toestanden voor het wisselen van de afbeelding bij het hoveren of indrukken door de speler.
Knoppen op het scherm
Knoppen op het scherm zijn nuttig om spelers snel naar verschillende menu's of pagina's te leiden. Om dit type knop toe te voegen:
In het Explorer venster, beweeg over StarterGui, klik op de ⊕ knop en voeg een ScreenGui toe.
Beweeg over de nieuwe ScreenGui, klik op de ⊕ knop en voeg een TextButton of ImageButton toe.
Knoppen op de gezichten van onderdelen
Knoppen op een onderdeel zijn nuttig om spelers in staat te stellen om met onderdelen te interageren. Bijvoorbeeld, je kunt spelers laten staan op een knop om een actie te voltooien.
Om een knop toe te voegen aan het gezicht van een onderdeel:
In het Explorer venster, beweeg over het onderdeel, klik op de ⊕ knop en voeg een SurfaceGui toe.
Beweeg over de nieuwe SurfaceGui, klik op de ⊕ knop en voeg een TextButton of ImageButton toe.
Uiterlijk van knoppen
Zowel TextButton als ImageButton erven van GuiObject dat eigenschappen bevat zoals BackgroundColor3, Rotation, en Size. Knoppen accepteren ook de uiterlijkmodificatoren die gebruikelijk zijn voor de meeste UI-objecten.
Uniek voor TextButton zijn verschillende eigenschappen om het visuele uiterlijk te veranderen:
- FontFace — Het lettertype dat wordt gebruikt om tekst weer te geven.
- Text — De tekststring die op de knop wordt weergegeven.
- TextSize — De regelhoogte van tekst in offsets.
- TextColor3 — Kleur van de weergegeven tekst.
Een ImageButton heeft verschillende eigenschappen om het visuele uiterlijk te veranderen, inclusief hover- en ingedrukte afbeeldingsvarianten om de interactie van een speler met de knop aan te geven:
- Image — De afbeelding die wordt weergegeven wanneer een speler niet met de ImageButton interageert.
- HoverImage — De afbeelding die wordt weergegeven wanneer een speler zijn cursor boven de ImageButton houdt.
- PressedImage — De afbeelding die wordt weergegeven wanneer een speler op de ImageButton klikt/tikt.
Scriptknoppen
Je kunt een actie scriptten wanneer een speler op een knop drukt door de knop te verbinden met de GuiButton.Activated gebeurtenis, of met GuiButton.SecondaryActivated voor cross-platform secundaire invoer zoals rechtsklikken op desktop en lang indrukken op mobiel. Bijvoorbeeld, wanneer je de volgende LocalScript aan een knop toevoegt, verandert de knop elke keer dat een speler erop klikt/tikt in een willekeurige kleur.
local button = script.Parent
local RNG = Random.new()
local function onButtonActivated()
-- Randomiseer de knopkleur
button.BackgroundColor3 = Color3.fromHSV(RNG:NextNumber(), 1, 1)
end
button.Activated:Connect(onButtonActivated)