Pulsanti - MRTK3

Button Main

Un pulsante offre all'utente un modo per attivare un'azione immediata. È uno dei componenti più fondamentali della realtà mista e offre interazioni di pulsanti soddisfacenti e affidabili è essenziale per un'esperienza di realtà mista di qualità. MRTK offre due categorie di prefab dei pulsanti: canvas e non basati su Canvas. Entrambe le configurazioni usano lo PressableButton script, una sottoclasse di StatefulInteractable estesa per includere comportamenti specifici dei pulsanti.

Altre informazioni sul funzionamento del sistema dell'interfaccia utente di Canvas ibrido.

Scene di esempio

Se si usa il progetto modello di sviluppo, sono disponibili diverse scene di esempio che illustrano i prefab del pulsante disponibili.

CanvasUITearSheet.unity mostra tutte le varianti prefab basate su Canvas disponibili in MRTK.

Canvas Tearsheet

CanvasExample.unity mostra alcuni esempi di compilazione di layout più grandi usando i componenti basati su Canvas.

Canvas Example Scene

UITearSheet.unity mostra tutte le varianti del pulsante non basate su Canvas disponibili in MRTK.

Button Example Scene

Prefab (Canvas)

I pulsanti basati su canvas sono flessibili e configurabili e possono essere ridimensionati in qualsiasi dimensione o proporzione. Di conseguenza, vengono forniti solo un numero ridotto di prefab del pulsante.

  • EmptyButton fornisce la superficie pressabile/frontplate, il backplate olografico e l'effetto di luminosità. Non c'è testo, icona, etichetta o altro contenuto; questo è in modo da poter creare controlli più astratti come variante di questo prefab senza interferire con il contenuto del testo o dell'icona.
  • ActionButton è un pulsante semplice che include un'icona, un testo e un'etichetta. Questi singoli componenti possono essere abilitati o disabilitati e il sistema di layout si adatta di conseguenza.

È possibile aggiungere altri miglioramenti al pulsante, ad esempio l'indicatore di interruttore attiva. Le funzionalità che non sono destinate a spostarsi con la barra anteriore devono essere associate al componente backplate.

Adding a toggle switch

Prefab (non canvas)

I pulsanti non canvas non sono ridimensionabili; di conseguenza, un numero elevato di prefab dei pulsanti viene fornito in molte permutazioni di dimensioni e funzionalità. Questi prefab sono denominati nel formato: PressableButton_SIZE_STYLE. Ad esempio,

  • PressableButton_32x32mm_IconAndText: pulsante di dimensioni 32x32mm con icona e testo
  • PressableButton_128x32mm_SinglelineTextWithSubtitle: pulsante a larghezza di 128x32mm con testo a riga singola e testo sottotitolo

Struttura (canvas)

Le diverse parti di un ActionButton possono essere attivate/disattivate per personalizzare l'aspetto e il comportamento del pulsante. Sono stati dissezionati due diverse configurazioni possibili per mostrare le diverse parti del prefab del pulsante. Si noti che il "backglow" non è visibile in questi screenshot poiché il pulsante non viene premuto attivamente.

Prima di tutto, una configurazione più grande in cui l'oggetto Text principale è attivo e usa stili inline per visualizzare sia un'intestazione che un sotto-testo. Large Canvas button structure In secondo luogo, una configurazione più piccola in cui l'etichetta è attiva per visualizzare una descrizione dell'azione sotto l'icona. L'oggetto Text principale è disabilitato. Small Canvas button structure

Struttura (non canvas)

Lo screenshot seguente mostra la struttura di un pulsante non basato su canvas.

Non-canvas button structure

Classe PressableButton

La PressableButton classe deriva da StatefulInteractable con funzioni nuove e sostituite specifiche per i pulsanti. Nel controllo è possibile configurare le impostazioni correlate alla pressione volumetrica oltre a tutte le altre impostazioni configurabili da StatefulInteractable. PressableButton inspector screenshot