Siliziumbrain Gui

Das Siliziumbrain Gui ist ein Graphical User Interface, geschrieben in C# und basierend auf dem XNA Framework von Microsoft, das extra für Spielmenüs und Spielinterfaces entwickelt wurde.

Es enthält genau die Elemente die in Spielmenüs und Spielinterfaces benötigt werden, ist somit auf eine kleine Anzahl von Elementen beschränkt, die jedoch vollkommen für den Aufgabenbereich ausreichen. Das Gui ist also sehr einfach gehalten, was einen schnellen und unkomplizierten Einbau in eigene Spiele ermöglicht. Der Aufbau der Menüs wird über XML Dateien gesteuert.

Hier ist ein Bild davon, wie ein Menü aussehen könnte:

Im Folgeneden möchte ich die einzelnen Elemente des Gui vorstellen.

Das Fenster:

Das Fenster ist ein Container von Gui-Elementen. Es verwaltet die enthaltenen Elemente und sorgt auch dafür, dass sie angezeigt werden. Es kann immer nur ein Fenster aktiv sein und somit auch angezeigt werden. Ein Fenster enthält auch gleichzeitig das Hintergrundbild für das aktuelle Menü.

Der Button:

Der Button ist eine einfache, animierte Schaltfläche, die eine bestimmte Methode aufruft, sobald mit der Maus darauf geklickt wird. Das Bild für einen Button muss immer aus zwei gleich großen Frames bestehen. Bei einem Button gibt es die Möglichkeit ihm eine Caption, das heißt eine Beschriftung, zu geben.

Das Eingabefeld:

Das Eingabefeld kann Tastatureingaben von dem Benutzer entegennehmen. Auch hier gibt es die Möglichkeit eine Beschreibung anzugeben, damit der Benutzer weiß, was er eintippen soll. Zwar kann ein Fenster beliebig viele Eingabefelder enthalten, jedoch ist immer nur eines aktiv, also ausgewählt.

Der Schieberegler:

Der Schieberegler gibt dem Nutzer die Möglichkeit einen Wert zwischen einem Minimum- und Maximumwert auszuwählen. Eine mögliche Anwendung für dieses Element ist zum Beispiel die Einstellung der Musiklautstärke im Spiel. Auch der Schieberegler kann mit einer Beschriftung versehen werden, außerdem zeigt er den aktuell eingestellten Wert und den Minimum- und Maximumwert an.

Wie man das Gui in seine Projekte einbaut kann man in der Anleitung nachlesen. Dort gibt es zu jedem einzelnen Element auch eine Erklärung, wie es erstellt wird und wie es funktioniert.

Das Gui bietet für jedes Element eine Auswahl an Eventhandlern, auf die man zugreifen kann und die automatisch von dem Gui aufgerufen werden, sobald das entsprechende Event eintriftt. Außerdem hat man bei jedem Element die Möglichkeit ein alternatives Bild zu laden. Es wäre somit möglich jedem Button ein individuelles Aussehen zu geben.

Dieser ganze Artikel ist in folgendem Video nochmal in Kurzform abgehandelt:

Hier sind noch zwei Bilder die das Gui in Aktion zeigen:

Und jetzt kommen die Downloads. Hier gibt es eine ganze Liste von Dingen die man downloaden kann: Zum einen ist da die Dll des Gui, das die Nutzung des Gui ermöglicht. Dann gibt es eine Dll zur Verwaltung der Bilder des Gui. Diese Dll wird benötigt, wenn man Eigenschaften der Bilder, wie zum Beispiel Rotation oder Größe zur Laufzeit ändern möchte. Natürlich ist auch ein Beispielprojekt mit Code vorhanden. Und zuletzt gibt es den Standardskin nochmal als extra Download.