Deli z drugimi prek

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

  • Članek

S kontrolnikoma 3D object in View in MR si lahko predmete ogledate v 3D ali preverite, kako bi se določen predmet prilegal v določeni prostor.

V tem članku boste spoznali, kako uporabljati kontrolnika za 3D in mešano resničnost v storitvi Power Apps.

Če se želite naučiti razvijati mobilne aplikacije s kontrolnikom »View in MR«, si oglejte ta videoposnetek:

Zahteve

Glejte zahteve za naprave, ki podpirajo mešano resničnost .

Ustvarjanje aplikacije s kontrolnikom »View in MR«

Kontrolnik View in MR ustvari gumb v vaši aplikaciji. Ko uporabniki aplikacije izberejo ta gumb, izbrani 3D-model (v obliki zapisa datoteke .glb) ali slika (v obliki zapisa datoteke .jpg ali .png) prekrije vir kamere v živo v napravi.

Nasvet

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

V tem razdelku bomo ustvarili zaslon v aplikaciji, ki bo uporabniku omogočil, da si s kontrolnikom View in MR izbrani predmet ogleda v mešani resničnosti.

  1. V aplikaciji Power Apps Studio odprite aplikacijo.

  2. Izberite lastnost aplikacije OnStart in nato prekopirajte 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 formulo, posodobljeno tako, kot je navedeno v zgornji vzorčni kodi.

    Ta formula bo ustvarila zbirko z imeni in povezavami 3D-predmetov, ki si jih lahko ogledate v mešani resničnosti.

  3. Na zaslon dodajte oznako Besedilna oznaka tako, da jo povlečete in spustite iz zavihka Vstavi.

  4. Dodano besedilno oznako postavite v zgornji levi kot zaslona in nato v zavihku Lastnosti spremenite naslednje lastnosti:

    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 besedilne oznake:

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

    Ta sprememba ustvari glavo zaslona.

  6. Vstavite galerijo Galerija s prazno navpično postavitvijo iz razdelka Postavitev na zavihku Vstavi.

  7. Galerijo postavite pod glavo »Ogled v MR«, ki ste jo ravnokar dodali, ter jo razširite za uporabo preostalega dela zaslona.

  8. Spremenite naslednje lastnosti galerije:

    Lastnost Vrednost
    Vir podatkov col3dObjects
    Velikost predloge 80
    X 0
    Y 92
    Širina 640
    Višina 1044

  9. Za urejanje galerije izberite Uredi galerijo.

    Urejanje galerije za MR.

  10. V galerijo vstavite oznako Besedilna oznaka.

  11. Spremenite naslednje lastnosti dodane besedilne oznake:

    Lastnost Vrednost
    SMS-a ThisItem.ObjectName
    X 10
    Y 5
    Širina 540

  12. Ponovno uredite galerijo.

  13. V galerijo povlecite in spustite kontrolnik View in MR iz razdelka Mešana resničnost na zavihku Vstavi.

  14. Spremenite naslednje lastnosti kontrolnika View in MR.

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

S to spremembo boste ustvarili galerijo s seznamom 3D-predmetov in gumb, ki ga uporabnik pritisne, ko si te predmete želi ogledati v mešani resničnosti.

Preizkusite delovanje kontrolnika mešane resničnosti

Zdaj, ko ste dodali vse kontrolnike, aplikacijo shranite in objavite. V napravi, ki podpira mešano resničnost, odprite aplikacijo in pritisnite ustrezen gumb za predmet, ki si ga želite ogledati. S tem odprete izkušnjo Ogled v MR.

Ogled 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 izmeriti. Ko se umerjanje dokonča, se bosta prikazala polje s pikami na površini in krog na sredini zaslona. Ta krog prikazuje začetno mesto za postavitev 3D-predmeta. Ko kocko postavite, jo lahko premikate ali vrtite s kontrolniki na dotik.

Če želite predmet premakniti, ga pritisnite in premaknite na želeno mesto. Če želite predmet zasukati, pritisnite zaslon z enim prstom in z drugim prstom podrsajte v desno ali levo.

Če se želite vrniti na zaslon aplikacije in izbrati drug predmet, uporabite gumb za vračanje nazaj. Postopek ponovite tolikokrat, kot želite, da si ogledate vse predmete.

Ustvarjanje aplikacije s kontrolnikom za 3D-predmet

Kontrolnik 3D object omogoča ogled predmeta v 3D znotraj storitve Power Apps. Ko se aplikacija naloži, se v aplikaciji prek kontrolnika prikažejo 3D-modeli (v obliki zapisa datoteke .glb) ali slika (v obliki zapisa datoteke .jpg ali .png). 3D-model lahko vrtite, povečate ali pomanjšate.

V tem razdelku bomo ustvarili zaslon v aplikaciji, ki bo uporabniku omogočil, da si s kontrolnikom 3D object izbrane predmete ogleda v 3D.

  1. Izvedite koraka 1 in 2 iz razdelka Ustvarjanje aplikacije s kontrolnikom »View in MR«, da ustvarite aplikacijo z zbirko 3D-predmetov za aplikacijo.

  2. Na zaslon dodajte oznako Besedilna oznaka tako, da jo povlečete in spustite iz zavihka Vstavi.

  3. Dodano besedilno oznako postavite v zgornji levi kot zaslona in nato v zavihku Lastnosti spremenite naslednje lastnosti:

    Lastnost Vrednost
    SMS-a »3D object«
    Velikost pisave 24
    Debelina pisave FontWeight.Semibold
    Poravnava besedila Align.Center
    Širina 640

  4. Na zavihku »Napredno« spremenite naslednje lastnosti besedilne oznake:

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

    Ta sprememba ustvari glavo zaslona.

  5. Vstavite galerijo Galerija s prazno navpično postavitvijo iz razdelka Postavitev na zavihku Vstavi.

  6. Galerijo postavite pod glavo »Ogled v MR«, ki ste jo ravnokar dodali, ter jo razširite za uporabo preostalega dela zaslona.

  7. Spremenite naslednje lastnosti galerije:

    Lastnost Vrednost
    Vir podatkov col3dObjects
    Velikost predloge 80
    X 0
    Y 92
    Širina 640
    Višina 1044

  8. Za urejanje galerije izberite Uredi galerijo.

    Urejanje galerije za 3D.

  9. V galerijo vstavite oznako Besedilna oznaka.

  10. Spremenite naslednje lastnosti dodane besedilne oznake:

    Lastnost Vrednost
    SMS-a ThisItem.ObjectName
    Širina 640

  11. Ponovno uredite galerijo.

  12. V galerijo povlecite in spustite kontrolnik 3D object iz razdelka Predstavnostne vsebine na zavihku Vstavi.

  13. Spremenite naslednje lastnosti kontrolnika View in MR.

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

S to spremembo boste ustvarili galerijo s seznamom 3D-predmetov, ki si jih lahko ogledate v 3D.

Preizkus kontrolnika za 3D

Zdaj, ko ste dodali vse kontrolnike, aplikacijo shranite in objavite. V napravi, ki podpira mešano resničnost, odprite aplikacijo in se dotaknite zaslona, da povečate, pomanjšate ali zavrtite predmet, ki ga gledate v 3D.

3D-predmet.

Galerija vsebuje več predmetov v 3D, zato za ogled ostalih predmetov podrsnite navzdol po zaslonu, za delo s predmeti v 3D pa uporabite funkcijo povečave ali obračanja.

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).