Váš názor

Vytvoření aplikace s ovládacími prvky hybridní reality a 3D

  • Článek
  • 2 min ke čtení

Ovládací prvky 3D object a View in MR můžete použít k zobrazení položek ve 3D nebo k tomu, aby uživatelé mohli zjistit, zda se konkrétní položka vejde do zadaného prostoru.

V tomto článku se dozvíte, jak používat ovládací prvky 3D a hybridní reality v Power Apps.

Podívejte se na toto video a naučte se vytvářet mobilní aplikace s ovládacím prvkem View in MR:

Předpoklady

Viz Předpoklady pro zařízení podporující hybridní realitu.

Vytvoření aplikace s ovládacím prvkem View in MR

Ovládací prvek View in MR vytvoří tlačítko ve vaší aplikaci. Když uživatelé aplikace vyberou tlačítko, překryje vybraný 3D model (ve formátu souboru .glb) nebo obrázek (ve formátech souborů .jpg nebo .png) do živého kanálu kamery zařízení.

Tip

Můžete také pořizovat fotografie a nahrávat je do OneDrive.

V této části vytvoříme obrazovku v aplikaci, která uživateli umožní zobrazit vybranou položku ve smíšené realitě pomocí ovládacího prvku View in MR.

  1. Otevřete aplikaci v Power Apps Studio.

  2. Vyberte vlastnost aplikace OnStart, zkopírujte a vložte následující:

    ClearCollect(
    col3dObjects,
    {
        ObjectName: "Forklift",
        ObjectURL: "https://raw.githubusercontent.com/microsoft/experimental-pcf-control-assets/master/forklift.glb"
    },
    {
        ObjectName: "HVAC",
        ObjectURL: "https://raw.githubusercontent.com/microsoft/experimental-pcf-control-assets/master/hvac.glb"
    },
    {
        ObjectName: "Machine",
        ObjectURL: "https://raw.githubusercontent.com/microsoft/experimental-pcf-control-assets/master/machine.glb"
    },
    {
        ObjectName: "Pallet w/ Boxes",
        ObjectURL: "https://raw.githubusercontent.com/microsoft/experimental-pcf-control-assets/master/pallet_with_boxes.glb"
    },
    {
        ObjectName: "Robot Arm",
        ObjectURL: "https://raw.githubusercontent.com/microsoft/experimental-pcf-control-assets/master/robot_arm.glb"
    }
)

    Vlastnost aplikace OnStart se vzorcem aktualizovaným, jak je uvedeno ve výše uvedeném ukázkovém kódu.

    Tento vzorec vytvoří kolekci obsahující názvy a odkazy 3D objektů, které lze zobrazit v hybridní realitě.

  3. Přidejte Text Label na obrazovku přetažením z karty Vložit.

  4. Umístěte přidaný ovládací prvek Text Label do levého horního rohu obrazovky a upravte následující vlastnosti na kartě Vlastnosti:

    Vlastnost Hodnota
    Text „Zobrazení v MR“
    Velikost písma 24
    Tloušťka písma FontWeight.Semibold
    Zarovnání textu Align.Center
    Šířka 640

  5. Na kartě Upřesnit upravte následující vlastnosti pro ovládací prvek Text Label:

    Vlastnost Hodnota
    Barva RGBA(255, 255, 255, 1)
    Výplň RGBA(56, 96, 178, 1)

    Tato změna poskytne záhlaví obrazovky.

  6. Vložte Prázdnou vertikální galerii z části Rozložení z karty Vložit.

  7. Umístěte galerii pod záhlaví „Zobrazení v MR“, které jste přidali dříve, a rozbalte ji, abyste mohli používat zbytek obrazovky.

  8. Změňte následující vlastnosti galerie:

    Vlastnost Hodnota
    Zdroj dat col3dObjects
    Velikost šablony 80
    X 0
    Y 92
    Šířka 640
    Výška 1044

  9. Vyberte Upravit galerii k úpravě galerie.

    Upravit galerii pro MR.

  10. Vložte Text Label do galerie.

  11. Změňte následující vlastnosti přidaného ovládacího prvku Text Label:

    Vlastnost Hodnota
    Text ThisItem.ObjectName
    X 10
    Y 5
    Šířka 540

  12. Znovu upravte galerii.

  13. Z části Smíšená realita karty Vložit přetáhněte ovládací prvek View in MR do galerie.

  14. Změňte následující vlastnosti ovládacího prvku View in MR.

Vlastnost Hodnota
Text „Zobrazení v MR“
Typ zobrazení Ikona
Zdroj ThisItem.ObjectURL
X Parent.TemplateWidth - Self.Width - 5
Y 5
Šířka 70

Tato změna poskytne galerii, která obsahuje seznam 3D objektů a tlačítko, které uživatel stiskne, aby si tyto objekty prohlédl v hybridní realitě.

Testování ovládacího prvku hybridní reality

Nyní, když byly přidány všechny ovládací prvky, uložte a publikujte aplikaci. Na zařízení podporující hybridní realitu otevřete aplikaci a stiskněte tlačítko, které odpovídá objektu, který chcete zobrazit. Tím se otevře prostředí Zobrazení v MR.

Zobrazení v MR.

Podle pokynů na obrazovce zkalibrujte zařízení pomalým pohybem doleva a doprava a namiřte fotoaparát na povrch, který chcete měřit. Jakmile je kalibrace dokončena, uvidíte pole teček na povrchu a kruh poblíž středu obrazovky. Tento kruh ukazuje, kam lze 3D objekt zpočátku umístit. Jakmile je krychle umístěna, lze ji posouvat nebo otáčet pomocí dotykového ovládání.

Chcete-li objekt přesunout, zatlačte na něj a posuňte ho na místo, kam ho chcete umístit. Chcete-li objekt otočit, stiskněte jeden prst na obrazovce a poté přejeďte dalším prstem doprava nebo doleva.

Pomocí tlačítka Zpět v levém horním rohu se vraťte na obrazovku aplikace a vyberte jiný objekt. Chcete-li zobrazit každý z objektů, opakujte tento postup podle potřeby.

Vytvoření aplikace s ovládacím prvkem 3D object

Ovládací prvek 3D object umožňuje zobrazit položku ve 3D uvnitř Power Apps. Když se aplikace načte, zobrazí 3D modely (ve formátu souboru .glb) nebo obrázek (ve formátu souboru .jpg nebo .png) uvnitř aplikace prostřednictvím ovládacího prvku. 3D model můžete otočit, přiblížit nebo oddálit.

V této části vytvoříme obrazovku v aplikaci, která uživateli umožní zobrazit vybrané položky ve 3D pomocí ovládacího prvku 3D object.

  1. Postupujte podle kroků 1 a 2 v části Vytvoření aplikace pomocí ovládacího prvku View in MR pro vytvoření aplikace s kolekcí 3D objektů pro aplikaci.

  2. Přidejte Text Label na obrazovku přetažením z karty Vložit.

  3. Umístěte přidaný ovládací prvek Text Label do levého horního rohu obrazovky a upravte následující vlastnosti na kartě Vlastnosti:

    Vlastnost Hodnota
    Text "3D object"
    Font size 24
    Font weight FontWeight.Semibold
    Text alignment Align.Center
    Šířka 640

  4. Na kartě Upřesnit upravte následující vlastnosti pro ovládací prvek Text Label:

    Vlastnost Hodnota
    Barva RGBA(255, 255, 255, 1)
    Výplň RGBA(56, 96, 178, 1)

    Tato změna poskytne záhlaví obrazovky.

  5. Vložte Prázdnou vertikální galerii z části Rozložení z karty Vložit.

  6. Umístěte galerii pod záhlaví „Zobrazení v MR“, které jste přidali dříve, a rozbalte ji, abyste mohli používat zbytek obrazovky.

  7. Změňte následující vlastnosti galerie:

    Vlastnost Hodnota
    Zdroj dat col3dObjects
    Velikost šablony 80
    X 0
    Y 92
    Šířka 640
    Výška 1044

  8. Vyberte Upravit galerii k úpravě galerie.

    Upravit galerii pro 3D.

  9. Vložte Text Label do galerie.

  10. Změňte následující vlastnosti přidaného ovládacího prvku Text Label:

    Vlastnost Hodnota
    Text ThisItem.ObjectName
    Šířka 640

  11. Znovu upravte galerii.

  12. Z části Média karty Vložit přetáhněte ovládací prvek 3D object do galerie.

  13. Změňte následující vlastnosti ovládacího prvku View in MR.

Vlastnost Hodnota
Zdroj ThisItem.ObjectURL
X 18
Y 138
Šířka 600
Výška 550

Tato změna poskytne galerii se seznamem 3D objektů, které si můžete prohlížet ve 3D.

Testování ovládacího prvku 3D

Nyní, když byly přidány všechny ovládací prvky, uložte a publikujte aplikaci. Na zařízení podporující hybridní realitu otevřete aplikaci, dotkněte se obrazovky pro přiblížení, oddálení nebo otočení prohlíženého objektu ve 3D.

3D object.

Vzhledem k tomu, že galerie obsahuje několik objektů ve 3D, přejeďte prstem po obrazovce dolů a zobrazte další objekty a použijte funkce přiblížení nebo otočení k práci s objekty ve 3D.

Viz také

Poznámka

Můžete nám sdělit, jaké máte jazykové preference pro dokumentaci? Zúčastněte se krátkého průzkumu. (upozorňujeme, že tento průzkum je v angličtině)

Průzkum bude trvat asi sedm minut. Nejsou shromažďovány žádné osobní údaje (prohlášení o zásadách ochrany osobních údajů).