Dela via


Använda fördefinierade användargränssnittskontroller

Översikt

Paketet Kontrollexempel innehåller fördefinierade användargränssnittskontroller som skapats med hjälp av Mesh Toolkit som du kan importera till dina projekt. Vi använder dem i stor utsträckning i våra Mesh 101 - och Mesh 201-självstudier .

Skärmbild av flera kontrollexempel i mesh 101-självstudien.

Kontrollexemplen är fortfarande under utveckling, så vi kallar dem "exempel" för att indikera att de utvecklas och kan komma att ändras över tid. Information om kontrollexemplen finns i avsnittet Kontrollexempel längre ned på den här sidan, men här är en snabb titt på hur vi använder dem i våra självstudier.

BackplateBase

Eftersom en backplate är ett så användbart stödobjekt för all informationstextvisning använder vi BackplateBase-prefab på ganska många platser.

Skärmbild av de många instanserna av BackplateBase-prefab i mesh 101-självstudien.

Ett exempel: I mesh 101-självstudien finns BackplateBase som ett underordnat objekt till ChapterLabel som är informationstexten som visas för den första stationen, 3.1: Videouppspelning.

Skärmbild av en BackplateBase-instans i mesh 101-självstudien.

Knappbas

I mesh 101-självstudien används ButtonBase-prefab för att skapa knappen Spela upp för videoskärmen i stationen 3.1: Videouppspelning . Observera att prefab har bytt namn här till "PlayVideoButton".

Skärmbild av en ButtonBase-instans i mesh 101-självstudien.

Jord

I självstudiekursen mesh 201 används jordprefab för Station 4: Läsa in en URL från en 3D-tillgång.

Skärmbild av en Jordprefab-instans i mesh 101-självstudien.

InformationButton

I mesh 101-självstudien används prefab för InformationButton för 3.2: Info Dialog Trigger station. Observera att prefab har bytt namn här till "Information_Button".

Skärmbild av en InformationButton-instans i mesh 101-självstudien.

Komma igång

Paketet Kontrollexempel ingår när du laddar ned Mesh-exemplen från GitHub.

Skärmbild av paketet Kontrollexempel i Utforskaren.

Så här lägger du till paketet Kontrollexempel i projektet:

  1. I Unity-projektet på menyraden väljer du Fönsterpakethanterare>.
  2. Klicka på listrutan +och välj sedan Lägg till paket från disk ....

Skärmbild av Package Manager-menyn med Menyalternativet Lägg till paket från disken markerat.

  1. I fönstret Välj paket på disk navigerar du till mappen com.microsoft.mesh.toolkit.control.samples och dubbelklickar sedan på filen package.json .

Skärmbild av filen package.json i Utforskaren.

  1. Paketet Kontrollexempel visas i Package Manager taggat som "Local" ...

Skärmbild av paketet Kontrollexempel i Package Manager.

... och finns i mappen Projektpaket>.

Skärmbild av paketet Kontrollexempel i mappen Paket.

Kontrollera exempel i detalj

Prefaberna Förkontrollexempel finns i undermappar i mappen Runtime .

Runtime>ButtonBase

  • BackplateBase: Använd den här prefab för att placera alla dina kontroller på en backplate med rundade hörn och en iriserande yta.

En skärmdump av BackplateBase-prefab i scenen.

  • ButtonBase: Basprefab för alla knappvarianter. Knappen animerar, genererar ljudfeedback när den trycks ned och innehåller en etikett. Använd Visual Scripting för att konfigurera händelser som utlöses när en avatar klickar på knappen.

En skärmbild av ButtonBase-prefab i scenen.

Runtime>Globe

  • Jord: En jordglob som snurrar och kan väljas. När du väljer genererar jordgloben en latitud- och longitudposition och lägger till en markör. Den här funktionen kan utökas och ändras med visualiseringsskript. Alla åtgärder delas av alla klienter som standard.

En skärmdump av jordens prefab i scenen.

Runtime>InformationButton

  • InformationButton: En flytande värld utrymme mynt knapp. Knappen har närhetsidentifiering genom beteendet Avatar Trigger . När en avatar är ett visst avstånd från knappen slutar myntet snurra och skyltas istället. Avataren kan klicka på myntet. Om avataren är utom räckhåll kan den inte längre klicka på knappen och knappen återgår till spinning. Knappens interaktionsbara beteende styrs av dess mesh-komponent för interaktionsbar installation och InformationButton-skriptet .

Skärmbild av Prefab för InformationButton i scenen.

Nästa steg