Das SurfaceGui-Objekt ermöglicht es Ihnen, GUI-Inhalte auf Oberflächen in der 3D-Welt anzuzeigen. Sie werden häufig verwendet, um Bestenlisten anzuzeigen, oder um Bereiche im Platzzu markieren. Dieses Tutorial zeigt Ihnen, wie Sie ein Informationsschild über lange Statistikerstellen.
Erstellen einer grafische Benutzeroberfläche
Erstellen Sie ein Teil mit dem Namen InfoBoard .
Ändere die Größe der Teile zu 15, 18, 1.
Fügen Sie eine Oberflächensteuerungsgui in das Teil ein und benennen Sie es InfoSurfaceGui um.
Fügen Sie ein Frame in die GUI ein und nennen Sie es BackgroundFrame . Dies ist der Hintergrund, auf dem die Informationen angezeigt werden.
Anpassung der grafische Benutzeroberfläche
Gesicht
Die Face -Eigenschaft bestimmt, welche Seite der Teil verwendet werden soll, um die OberflächenGUI anzuzeigen. Das BackgroundFrame -Objekt wird auf der Oberfläche als kleines weißes Quadrat angezeigt, wenn die richtige Seite ausgewählt wird.
Set the Face property of InfoSurfaceGui to Vorderseite .
Wenn der Frame nicht nach dem Auswählen der Vorderseite sichtbar ist, zeigt die Teil möglicherweise die falschen Winkel. Versuchen Sie, den Teil zu drehen oder eine andere Gesicht auszuwählen.
Größe
Um das Frame so gedeckt wie möglich zu machen, musst du seine Größe Eigenschaftenanpassen.
Set the Größe property of BackgroundFrame to 1, 0, 1, 0 so that it covers all of the selected face.
Stil
Es ist oft eine gute Idee, ein UIPadding KonSTRSTRZEPT hinzuzufügen, um eine Lücke zwischen den Grenzen eines GUI-Objekts und seinem Inhalt zu erstellen.
Fügen Sie einen UIPading-Einschränkung in InfoSurfaceGui ein.
Setzen Sie die PaddingBottom, PaddingLeft, PaddingRight und 2> PaddingTop2> Eigenschaften auf 5> 0,05, 05> um eine Kante um den Frame herum zu erstellen.
Set the HintergrundTransparenz property of BackgroundFrame to 1 .
Inhalte hinzufügen
Du kannst die in den vorherigen UI-Tutorials gelernten Fähigkeiten verwenden, um Informationen innerhalb des BackgroundFrame anzuzeigen. Hier ist ein Beispiel-Inhalt für den Frame:
| Objekt | Beschreibung |
|---|---|
| 1 | Ein TextLabel , um den Artikelnamen mit einem ImageLabel unter dem Display von Holzbretts anzuzeigen. |
| 2 | Ein ImageLabel, um das Item-Bild mit einer grauen BackgroundColor3-Wert anzuzeigen. Ein UICorner-Einschränkung wird verwendet, um eine gerundete Kante für jede Ecke anzuwenden. |
| 3 | Ein Frame, der drei Text Labels enthält, mit einem UIListLayout约束, um sie in einer horizontalen Reihenfolge anzuordnen, ähnlich wie Erstellen einer Score Bar . |
OberflächenGUI-Eigenschaften
Jetzt hast du eine abgeschlossene SurfaceGUI, versuche die folgenden Eigenschaften zu ändern, um ihre Effekte zu sehen.
Lichtwirkung
Da Oberflächen-GUIs in der 3D-Welt existieren, können sie von Licht wie jedes andere Objekt beeinträchtigt werden. Die LightInfluence -Eigenschaft kontrolliert, wie viel die OberflächenGUI durch Licht beeinflusst wird. Der normale Wert beträgt 1, was bed
Anzeige
Der Teil, auf dem eine SurfaceGui angezeigt wird, wird durch die Eigenschaftendeterminiert. Wenn leer, wird er automatisch auf der übergeordneten Ebene angezeigt. Die Fähigkeit, Class.SurfaceGui.Adornee|Adornee zu setzen, ermöglicht die Erstellung interaktiver Schaltflächen, wenn die GUI nicht an der übergeordneten Ebene angeordnet ist. Um ein
Ziehen Sie die OberflächeGUI in StarterGui .
Verzieren Sie es an der Stelle, indem Sie auf die Adornee-Eingabekiste und dann auf die Bordseite klicken.