Sdílet prostřednictvím


Použití předem připravených ovládacích prvků uživatelského rozhraní

Přehled

Balíček Ukázky ovládacích prvků poskytuje předem připravené ovládací prvky uživatelského rozhraní vytvořené pomocí sady nástrojů Mesh, kterou můžete importovat do svých projektů. Používáme je široce v našich kurzech Mesh 101 a Mesh 201 .

Snímek obrazovky s několika řídicími ukázkami v kurzu Mesh 101

Ukázky ovládacích prvků jsou stále ve vývoji, takže jim říkáme "ukázky", abychom zjistili, že se vyvíjejí a můžou se v průběhu času měnit. Podrobnosti o ukázkách ovládacích prvků najdete v části Ukázky ovládacích prvků podrobněji na této stránce, ale tady je rychlý přehled toho, jak je používáme v našich kurzech.

BackplateBase

Vzhledem k tomu, že backplate je tak užitečný podpůrný objekt pro jakékoli informační zobrazení textu, používáme prefab BackplateBase na poměrně několika místech.

Snímek obrazovky s mnoha instancemi prefab BackplateBase v kurzu Mesh 101

Jeden příklad: V kurzu Mesh 101 lze BackplateBase najít jako podřízený objekt ChapterLabel , což je informační text zobrazovaný pro první stanici, 3.1: Přehrávání videa.

Snímek obrazovky instance BackplateBase v kurzu Mesh 101

ButtonBase

V kurzu Mesh 101 se prefab ButtonBase používá k vytvoření tlačítka Přehrát pro obrazovku videa ve stanici přehrávání videa 3.1. Všimněte si, že prefab byl přejmenován zde na "PlayVideoButton".

Snímek obrazovky instance ButtonBase v kurzu Mesh 101

Země

V kurzu Mesh 201 se pro stanici 4 používá prefab Země: Načtěte adresu URL z 3D prostředku.

Snímek obrazovky s předpřipravenou instancí Země v kurzu Mesh 101

InformationButton

V kurzu Mesh 101 se prefab InformationButton používá pro stanici aktivace dialogového okna 3.2. Všimněte si, že prefab byl přejmenován mírně zde na "Information_Button".

Snímek obrazovky instance InformationButton v kurzu Mesh 101

Začínáme

Balíček Ukázky ovládacích prvků je součástí stahování ukázek Mesh z GitHubu.

Snímek obrazovky balíčku Řídicí ukázky v Průzkumník souborů

Přidání balíčku Ukázky ovládacích prvků do projektu:

  1. V projektu Unity na řádku nabídek vyberte Okno> Správce balíčků.
  2. Klikněte na rozevírací seznam +a pak vyberte Přidat balíček z disku ....

Snímek obrazovky nabídky Správce balíčků se zvýrazněnou položkou nabídky Přidat z disku

  1. V okně Vybrat balíček na disku přejděte do složky s názvem com.microsoft.mesh.toolkit.control.samples a potom poklikejte na soubor package.json.

Snímek obrazovky souboru package.json v Průzkumník souborů

  1. Balíček Řídicí ukázky se zobrazí v Správce balíčků označený jako "Místní" ...

Snímek obrazovky balíčku Ukázky ovládacích prvků v Správce balíčků

... a najdete ji ve složce Balíčky projektu>.

Snímek obrazovky balíčku Řídicí ukázky ve složce Balíčky

Podrobné ukázky ovládacích prvků

Předfaktory ukázky řízení jsou v podsložkách složky Runtime .

Runtime>ButtonBase

  • BackplateBase: Pomocí tohoto prefabu umístěte všechny ovládací prvky na zadní desku se zaoblenými rohy a povrchem iridescentní.

Snímek obrazovky prefab backplateBase ve scéně

  • ButtonBase: Základní prefab pro všechny varianty tlačítek. Tlačítko animuje, při stisknutí vytvoří zvukovou zpětnou vazbu a obsahuje popisek. Pomocí vizuálního skriptování můžete nastavit události, které se aktivují, když avatar klikne na tlačítko.

Snímek obrazovky s prefabem ButtonBase ve scéně

Glóbus modulu runtime>

  • Země: Zeměkoule, která se otočí a může být vybrána. Při výběru vygeneruje glóbus zeměpisnou šířku a zeměpisnou délku a přidá značku. Tuto funkci lze rozšířit a upravit pomocí vizuálního skriptování. Všechny akce jsou ve výchozím nastavení sdíleny všemi klienty.

Snímek obrazovky předpřipravené země ve scéně

Runtime>InformationButton

  • InformationButton: Tlačítko plovoucí světové mince. Tlačítko obsahuje detekci bezkontaktní komunikace prostřednictvím Avatar Trigger chování. Když je avatar určitou vzdálenost od tlačítka, mince přestane otáčet a je místo toho zobrazena. Avatar je schopen kliknout na mince. Pokud je avatar mimo rozsah, už nemůže kliknout na tlačítko a tlačítko se vrátí k otáčení. Interakce tlačítka je řízena jeho komponentou Mesh Interactable Setup a skriptem InformationButton .

Snímek obrazovky s prefabem InformationButton ve scéně

Další kroky