Jaa


3D- ja Yhdistetty todellisuus -ohjausobjekteja sisältävän sovelluksen luominen

3D-objekti- ja Näytä MR-muodossa -ohjausobjektien avulla voidaan tarkastella kohteita kolmiulotteisina ja katsoa, miten tietty kohde sopii määritettyyn tilaan.

Tässä artikkelissa käsitellään 3D-ohjausobjektien ja yhdistetyn todellisuuden ohjausobjektien käyttöä Power Appsissa.

Seuraavassa videossa näytetään, miten mobiilisovelluksia muodostetaan Näytä MR-muodossa -ohjausobjektin avulla:

Edellytykset

Tietoja yhdistetyn todellisuuden käyttöön sopivien laitteiden edellytyksistä.

Sovelluksen luominen Näytä MR-muodossa -ohjausobjektin avulla

Näytä MR-muodossa -ohjausobjekti luo sovellukseen painikkeen. Kun sovelluksen käyttäjät napsauttavat painiketta, se lisää valitun 3D-mallin (.glb-tiedostona) tai kuvan (.jpg- tai .png-tiedostona) laitteen suoraan kamerasyötteeseen.

Vihje

Lisäksi voidaan ottaa valokuvia ja ladata ne OneDriveen.

Tässä osassa sovellukseen muodostetaan ikkuna, jossa käyttäjä voit tarkastella valittua kohdetta yhdistetyssä todellisuudessa Näytä MR-muodossa -ohjausobjektin avulla.

  1. Avaa sovellus Power Apps Studiossa.

  2. Valitse sovelluksen OnStart-ominaisuus sekä kopioi ja liitä seuraava kaava:

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

    Sovelluksen OnStart-ominaisuus sekä mainitulla tavalla päivitetty kaava edellä olevassa esimerkkikoodissa

    Tämä kaava luo kokoelman, jossa on yhdistetyssä todellisuudessa tarkasteltavien 3D-objektien nimet ja linkit.

  3. Lisää Tekstiselite ikkunaan vetämällä ja pudottamalla se Lisää-välilehdestä.

  4. Sijoita lisätty tekstiselite ikkunan vasempaan yläkulmaan ja muokkaa seuraavia Ominaisuudet-välilehden ominaisuuksia:

    Ominaisuus Arvo
    Text Näytä MR-muodossa
    Font size 24
    Font weight FontWeight.Semibold
    Text alignment Align.Center
    Width 640
  5. Muokkaa tekstiselitteen seuraavia ominaisuuksia Lisäasetukset-välilehdessä:

    Ominaisuus Arvo
    Color RGBA(255, 255, 255, 1)
    Fill RGBA(56, 96, 178, 1)

    Tämä muutos tuottaa ikkunan otsikon.

  6. Lisää Tyhjä pystysuuntainen valikoima Lisää-välilehden Asettelu-osasta.

  7. Sijoita valikoima aiemmin lisätyn Näytä MR-muodossa -otsikon alapuolelle ja laajenna se käyttämään koko ikkunaa.

  8. Vaihda seuraavat valikoiman ominaisuudet:

    Ominaisuus Arvo
    Data source col3dObjects
    Template size 80
    X 0
    Y 92
    Width 640
    Height 1044
  9. Muokkaa valikoimaa valitsemalla Muokkaa valikoimaa.

    MR-valikoiman muokkaaminen

  10. Lisää Tekstiselite valikoimaan.

  11. Vaihda lisätyt tekstiselitteen seuraavat ominaisuudet:

    Ominaisuus Arvo
    Text ThisItem.ObjectName
    X 10
    Y 5
    Width 540
  12. Muokkaa valikoimaa uudelleen.

  13. Vedä ja pudota Lisää-välilehden Yhdistetty todellisuus -osassa Näytä MR-muodossa -ohjausobjekti valikoimaan.

  14. Vaihda seuraavat Näytä MR-muodossa -ohjausobjektin ominaisuudet:

Ominaisuus Arvo
Text Näytä MR-muodossa
Display type Icon
Source ThisItem.ObjectURL
X Parent.TemplateWidth - Self.Width - 5
Y 5
Width 70

Tämän muutoksen ansiosta valikoimassa on luettelo 3D-objekteista ja painike, jota painamalla käyttäjä voi tarkastella kyseisiä objekteja yhdistetyssä todellisuudessa.

Yhdistetyn todellisuuden ohjausobjektien testaaminen

Kun kaikki ohjausobjektit on lisätty, sovellus voidaan tallentaa ja julkaista. Avaa sovellus yhdistetyn todellisuuden käyttöön sopivassa laitteessa ja paina sitä objektia vastaavaa painiketta, jota halutaan tarkastella. Näytä yhdistetyssä todellisuudessa -käyttökokemus avautuu.

Näytä yhdistetyssä todellisuudessa

Noudata näytön ohjeita ja kalibroi laite siirtämällä sitä hitaasti vasemmalle ja oikealle sekä kohdistamalla kamera mitattavaan pintaan. Kun kalibrointi on valmis, pinnalla näkyy pistematriisi sekä ympyrä näytön keskellä. Ympyrä osoittaa, mihin 3D-objekti voidaan ensiksi sijoittaa. Kun kuutio on sijoitettu, sitä voidaan siirtää tai kiertää kosketusohjausobjekteilla.

Objektia siirretään painamalla sitä ja liu'uttamalla se sitten sijoituspaikkaan. Objektia kierretään painamalla näyttöä yhdellä sormella ja sipaisemalla sitten toisella somella oikealle tai vasemmalle.

Vasemmassa yläkulmassa on Takaisin-painike, jolla voi palata sovellusnäyttöön valitsemaan toinen objekti. Tarkastele kutakin objektia toistamalla nämä vaiheet.

Sovelluksen luominen 3D-objekti-ohjausobjektin avulla

3D-objekti-ohjausobjektin avulla kohdetta voi tarkastella kolmiulotteisena Power Appsissa. Kun sovellus latautuu, (.glb-muotoiset) 3D-mallit ja (.jpg- tai .png-muotoinen) kuva näytetään sovelluksessa ohjausobjektin avulla. Valittavaa 3D-mallia voi kiertää sekä lähentää ja loitontaa.

Tässä osassa sovellukseen muodostetaan ikkuna, jossa käyttäjä voit tarkastella valittuja kohteita kolmiulotteisina 3D-objekti-ohjausobjektin avulla.

  1. Luo sovellus, jossa on 3D-objektien kokoelma noudattamalla vaiheita 1 ja 2 kohdassa Sovelluksen luominen Näytä MR-muodossa -ohjausobjektin avulla.

  2. Lisää Tekstiselite ikkunaan vetämällä ja pudottamalla se Lisää-välilehdestä.

  3. Sijoita lisätty tekstiselite ikkunan vasempaan yläkulmaan ja muokkaa seuraavia Ominaisuudet-välilehden ominaisuuksia:

    Ominaisuus Arvo
    Text "3D object"
    Fonttikoko 24
    Fontin paino FontWeight.Semibold
    Tekstin tasaus Align.Center
    Leveys 640
  4. Muokkaa tekstiselitteen seuraavia ominaisuuksia Lisäasetukset-välilehdessä:

    Ominaisuus Arvo
    Color RGBA(255, 255, 255, 1)
    Fill RGBA(56, 96, 178, 1)

    Tämä muutos tuottaa ikkunan otsikon.

  5. Lisää Tyhjä pystysuuntainen valikoima Lisää-välilehden Asettelu-osasta.

  6. Sijoita valikoima aiemmin lisätyn Näytä MR-muodossa -otsikon alapuolelle ja laajenna se käyttämään koko ikkunaa.

  7. Vaihda seuraavat valikoiman ominaisuudet:

    Ominaisuus Arvo
    Data source col3dObjects
    Template size 80
    X 0
    Y 92
    Width 640
    Height 1044
  8. Muokkaa valikoimaa valitsemalla Muokkaa valikoimaa.

    3D-valikoiman muokkaaminen

  9. Lisää Tekstiselite valikoimaan.

  10. Vaihda lisätyt tekstiselitteen seuraavat ominaisuudet:

    Ominaisuus Arvo
    Text ThisItem.ObjectName
    Width 640
  11. Muokkaa valikoimaa uudelleen.

  12. Vedä ja pudota Media-osassa Lisää-välilehdellä 3D-objekti-ohjausobjekti valikoimaan.

  13. Vaihda seuraavat Näytä MR-muodossa -ohjausobjektin ominaisuudet:

Ominaisuus Arvo
Source ThisItem.ObjectURL
X 18
Y 138
Width 600
Height 550

Tämän muutoksen ansiosta valikoimassa on luettelo 3D-objekteista, joita voidaan tarkastella kolmiulotteisina.

3D-ohjausobjektin testaaminen

Kun kaikki ohjausobjektit on lisätty, sovellus voidaan tallentaa ja julkaista. Avaa sovellus yhdistetyn todellisuuden käyttöön sopivassa laitteessa. Lähennä, loitonna tai käännä sitten kolmiulotteisena tarkasteltavaa objektia näyttöä koskettamalla.

3D object.

Koska valikoimassa on useita kolmiulotteisia objekteja, muita objekteja voi tarkastella sipaisemalla alaspäin, jonka jälkeen kolmiulotteisia objekteja voi käsitellä zoomaus- tai kääntämistoiminnoilla.

Katso myös

Huomautus

Voitko kertoa meille dokumentaatiota koskevan kielimäärityksesi? Vastaa lyhyeen kyselyyn. (Huomaa, että tämä kysely on englanninkielinen.)

Kyselyyn vastaaminen kestää noin seitsemän minuuttia. Henkilökohtaisia tietoja ei kerätä (tietosuojatiedot).