Ustvarite aplikacijo s kontrolniki za 3D in mešano resničnost

Lahko uporabite 3D predmet in Poglej v MR kontrolniki za ogled elementov v 3D ali za ogled, kako se določen element lahko prilega določenemu prostoru.

V tem članku se boste naučili uporabljati kontrolnike 3D in mešane resničnosti v Power Apps.

Oglejte si ta videoposnetek, če želite izvedeti, kako zgraditi mobilne aplikacije s funkcijo View in MR nadzor:

Zahteve

Glej predpogoji za naprave, ki podpirajo mešano resničnost.

Ustvarite aplikacijo z nadzorom Pogled v MR

The Poglej v MR control ustvari gumb v vaši aplikaciji. Ko uporabniki aplikacije izberejo gumb, ta prekriva izbrani 3D-model (v datotečni obliki .glb) ali sliko (v formatih datotek .jpg ali .png) na vir kamere v živo v napravi.

Nasvet

Lahko tudi fotografirate in fotografije naložite v storitvi OneDrive.

V tem razdelku bomo v aplikaciji zgradili zaslon, ki bo uporabniku omogočil ogled izbranega predmeta v mešani resničnosti z uporabo Poglej v MR nadzor.

  1. Odprite aplikacijo v Power Apps Studio.

  2. Izberite OnStart lastnost aplikacije, kopirajte in prilepite naslednje:

    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"
        }
    )
    

    Lastnost aplikacije OnStart s posodobljeno formulo, kot je navedeno v zgornji vzorčni kodi.

    Ta formula bo ustvarila zbirko, ki vsebuje imena in povezave 3D objektov, ki si jih je treba ogledati v mešani resničnosti.

  3. Dodajte a Besedilna oznaka na zaslon tako, da ga povlečete in spustite iz Vstavi zavihek.

  4. Postavite dodano besedilno oznako v zgornji levi kot zaslona in spremenite naslednje lastnosti v Lastnosti zavihek:

    Lastnost Vrednost
    SMS-a "Ogled v MR"
    Velikost pisave 24
    Debelina pisave FontWeight.Semibold
    Poravnava besedila Align.Center
    Širina 640
  5. Na zavihku Napredno spremenite naslednje lastnosti za besedilno oznako:

    Lastnost Vrednost
    Barva RGBA(255, 255, 255, 1)
    Zapolni RGBA(56, 96, 178, 1)

    Ta sprememba zagotavlja glavo za zaslon.

  6. Vstavite a Prazna navpična galerija Iz Postavitev oddelek Vstavi zavihek.

  7. Postavite galerijo pod glavo »Pogled v MR«, ki ste jo dodali prej, in jo razširite, da uporabite preostali del zaslona.

  8. Spremenite naslednje lastnosti galerije:

    Lastnost Vrednost
    Vir podatkov col3dObjects
    Velikost predloge 80
    X 0
    Y 92
    Širina 640
    Višina 1044
  9. Izberite Uredi galerijo za urejanje galerije.

    Uredi galerijo za MR.

  10. Vstavite a Besedilna oznaka v galerijo.

  11. Spremenite naslednje lastnosti dodane besedilne oznake:

    Lastnost Vrednost
    SMS-a ThisItem.ObjectName
    X 10
    Y 5
    Širina 540
  12. Ponovno uredite galerijo.

  13. Iz Mešana resničnost oddelek Vstavi zavihek, povlecite in spustite Poglej v MR nadzor v galerijo.

  14. Spremenite naslednje lastnosti Poglej v MR nadzor.

Lastnost Vrednost
SMS-a "Ogled v MR"
Vrsta prikaza Icon
Vir ThisItem.ObjectURL
X Parent.TemplateWidth - Self.Width - 5
Y 5
Širina 70

Ta sprememba bo zagotovila galerijo s seznamom 3D predmetov in gumbom, ki ga mora uporabnik pritisniti, da si ogleda te predmete v mešani resničnosti.

Preizkusite nadzor mešane resničnosti

Zdaj, ko so dodani vsi kontrolniki, shrani in objavi aplikacijo. Na napravi, ki podpira mešano resničnost, odprite aplikacijo in pritisnite gumb, ki ustreza predmetu, ki si ga želite ogledati. To bo odprlo Poglej v MR izkušnje.

Poglej v MR.

Sledite navodilom na zaslonu za umerjanje naprave tako, da jo počasi premikate levo in desno, medtem ko kamero usmerite na površino, ki jo želite meriti. Ko je kalibracija končana, boste na površini videli niz pik in krog blizu središča zaslona. Ta krog prikazuje, kje lahko na začetku postavite 3D predmet. Ko je kocka postavljena, jo lahko premikate ali vrtite z uporabo kontrolnikov na dotik.

Če želite premakniti predmet, pritisnite nanj in ga potisnite na mesto, kamor želite, da ga postavite. Če želite zasukati predmet, pritisnite en prst na zaslon in nato z drugim prstom povlecite desno ali levo.

Uporabite gumb za nazaj v zgornjem levem kotu, da se vrnete na zaslon aplikacije in izberete drug predmet. Ta postopek ponovite po želji, da si ogledate vsak od predmetov.

Ustvarite aplikacijo z nadzorom 3D objektov

The 3D predmet nadzor vam omogoča ogled predmeta v 3D v notranjosti Power Apps. Ko se aplikacija naloži, prikaže 3D-modele (v datotečni obliki .glb) ali sliko (v formatih datotek .jpg ali .png) znotraj aplikacije prek kontrolnika. Izberete lahko 3D model, ki ga želite zasukati, povečati ali pomanjšati.

V tem razdelku bomo v aplikaciji zgradili zaslon, ki bo uporabniku omogočil ogled izbranih elementov v 3D z uporabo 3D predmet nadzor.

  1. Sledite korakom 1 in 2 iz Ustvarite aplikacijo z nadzorom Pogled v MR razdelek za ustvarjanje aplikacije z zbirko 3D predmetov za aplikacijo.

  2. Dodajte a Besedilna oznaka na zaslon tako, da ga povlečete in spustite iz Vstavi zavihek.

  3. Postavite dodano besedilno oznako v zgornji levi kot zaslona in spremenite naslednje lastnosti v Lastnosti zavihek:

    Lastnost Vrednost
    SMS-a "3D predmet"
    Velikost pisave 24
    Debelina pisave FontWeight.Semibold
    Poravnava besedila Align.Center
    Širina 640
  4. Na zavihku Napredno spremenite naslednje lastnosti za besedilno oznako:

    Lastnost Vrednost
    Barva RGBA(255, 255, 255, 1)
    Zapolni RGBA(56, 96, 178, 1)

    Ta sprememba zagotavlja glavo za zaslon.

  5. Vstavite a Prazna navpična galerija Iz Postavitev oddelek Vstavi zavihek.

  6. Postavite galerijo pod glavo »Pogled v MR«, ki ste jo dodali prej, in jo razširite, da uporabite preostali del zaslona.

  7. Spremenite naslednje lastnosti galerije:

    Lastnost Vrednost
    Vir podatkov col3dObjects
    Velikost predloge 80
    X 0
    Y 92
    Širina 640
    Višina 1044
  8. Izberite Uredi galerijo za urejanje galerije.

    Uredi galerijo za 3D.

  9. Vstavite a Besedilna oznaka v galerijo.

  10. Spremenite naslednje lastnosti dodane besedilne oznake:

    Lastnost Vrednost
    SMS-a ThisItem.ObjectName
    Širina 640
  11. Ponovno uredite galerijo.

  12. Iz mediji oddelek Vstavi zavihek, povlecite in spustite 3D predmet nadzor v galerijo.

  13. Spremenite naslednje lastnosti Poglej v MR nadzor.

Lastnost Vrednost
Vir ThisItem.ObjectURL
X 18
Y 138
Širina 600
Višina 550

Ta sprememba bo zagotovila galerijo s seznamom 3D predmetov, ki si jih lahko ogledate v 3D.

Preizkusite 3D nadzor

Zdaj, ko so dodani vsi kontrolniki, shrani in objavi aplikacijo. Na napravi, ki podpira mešano resničnost, odprite aplikacijo, se dotaknite zaslona, da povečate, pomanjšate ali obrnite predmet, ki ga gledate v 3D.

3D predmet.

Ker galerija vsebuje več predmetov v 3D, povlecite navzdol po zaslonu, da vidite druge predmete, in uporabite možnosti povečave ali obračanja za delo s predmeti v 3D.

Glejte tudi

Opomba

Ali nam lahko poveste, kateri je vaš prednostni jezik za dokumentacijo? Izpolnite kratko anketo. (upoštevajte, da je v angleščini)

Z anketo boste porabili približno sedem minut. Ne zbiramo nobenih osebnih podatkov (izjava o zasebnosti).