Schaltfläche — MRTK3

Eine Schaltfläche bietet dem Benutzer eine Möglichkeit, eine sofortige Aktion auszulösen. Es ist eine der grundlegendsten Komponenten in Mixed Reality, und die Bereitstellung zufriedenstellender und zuverlässiger Schaltflächeninteraktionen ist für eine hochwertige Mixed Reality-Erfahrung unerlässlich. MRTK bietet zwei Kategorien von Schaltflächen-Prefabs: Canvas-basiert und Nicht-Canvas-basiert. Beide Konfigurationen verwenden das PressableButton Skript, eine Unterklasse von StatefulInteractable erweitert, um verhaltensweisenspezifisch für Schaltflächen einzuschließen.

Erfahren Sie mehr über die Funktionsweise des hybriden Canvas-UI-Systems.

Beispielszenen

Wenn Sie das Entwicklungsvorlagenprojekt verwenden, sind mehrere Beispielszenen verfügbar, die die verfügbaren Schaltflächen-Prefabs veranschaulichen.

CanvasUITearSheet.unity zeigt alle verfügbaren Canvas-basierten Schaltflächen-Prefab-Varianten in MRTK an.

CanvasExample.unity zeigt einige Beispiele für das Erstellen größerer Layouts mit den Canvas-basierten Komponenten.

Prefabs

Canvas-basierte Schaltflächen sind flexibel und konfigurierbar und können in beliebige Dimensionen oder Proportionen angepasst werden. Daher werden nur wenige Schaltflächen-Prefabs bereitgestellt.

• EmptyButton stellt die druckbare Oberfläche/Frontplatte, die holografische Backplate und den Leuchteffekt bereit. Es gibt keinen Text, kein Symbol, keine Bezeichnung oder andere Inhalte. Dies ist so abstraktere, schaltflächenähnliche Steuerelemente können als Variante dieses Prefabs erstellt werden, ohne den Text- oder Symbolinhalt zu beeinträchtigen.
• ActionButton ist eine einfache Schaltfläche, die ein Symbol, Text und eine Bezeichnung enthält. Diese einzelnen Komponenten können aktiviert oder deaktiviert werden, und das Layoutsystem passt sich entsprechend an.

Der Schaltfläche können weitere Verbesserungen hinzugefügt werden, z. B. die Umschaltanzeige. Features, die nicht mit der Frontplatte verschoben werden sollen, sollten an der Backplate-Komponente befestigt werden.

Structure

Die verschiedenen Teile eines ActionButton können aktiviert/deaktiviert werden, um das Aussehen und Verhalten der Schaltfläche anzupassen. Wir haben zwei verschiedene mögliche Konfigurationen unterteilt, um die verschiedenen Teile des Schaltflächen-Prefabs anzuzeigen. Das "Backglow" ist in diesen Screenshots nicht sichtbar, da die Schaltfläche nicht aktiv gedrückt wird.

Zunächst eine größere Konfiguration, bei der das Hauptobjekt Text aktiv ist und Inlineformatvorlagen verwendet, um sowohl eine Kopfzeile als auch einen Untertext anzuzeigen. Zweitens eine kleinere Konfiguration, bei der aktiv ist, um eine Beschreibung der Aktion unter dem Symbol anzuzeigen. Das Hauptobjekt Text ist deaktiviert.

PressableButton-Klasse

Die PressableButton -Klasse wird von StatefulInteractable mit neuen und überschriebenen Funktionen abgeleitet, die spezifisch für Schaltflächen sind. Im Inspektor können Sie neben allen anderen konfigurierbaren Einstellungen von StatefulInteractableeinstellungen im Zusammenhang mit dem volumetrischen Drücken konfigurieren.

Erstellen einer Benutzeroberfläche mit Schaltflächen

Beim Erstellen von Menü- oder Ui-Bereichen mit mehreren Schaltflächen wird empfohlen, eine freigegebene Backplategeometrie zu verwenden. Durch die Verwendung einer gemeinsam genutzten Backplate können wir das visuelle Rauschen reduzieren und die Benutzerfreundlichkeit verbessern. Im Folgenden finden Sie einige Beispiele für das Anordnen von Schaltflächen auf der gemeinsam genutzten Backplate.

Zusätzliche Komponenten

Zur Referenz finden Sie hier einige zusätzliche Komponenten, die für die Behandlung von Aspekten von Visuellen Elementen und Funktionen von Schaltflächen zuständig sind:

• Der visuelle Frontplattenimpuls, der beim Auswählen der Taste beobachtet wird, wird von einer InteractablePulse Komponente verarbeitet.
• Das Schaltflächensymbol kann mithilfe von FontIconSelectorauf ein MRTK-Symbol festgelegt werden.
• Ein RectTransformColliderFitter kann optional auf Canvas-Schaltflächen verwendet werden, um es BoxCollider an seine RectTransformanzupassen. Diese Komponente ist aus Leistungsgründen standardmäßig deaktiviert.