Øvelse – vis i MR og Vis i 3D

Fuldført

Easy-Sales er et salgsorienteret mixed reality-program, der er udviklet til at forbedre shoppingoplevelsen. De sælgere, der bruger dette program, kan undersøge og måle kundens omgivelser for at afgøre, hvilke produkter der er mulige i området. De kan også hjælpe kunderne med at visualisere produktet via mixed reality.

Vi implementerer -visningen i 3D- og -visning i MR- funktioner i Power Apps for at visualisere produkter præcist.

Føj 3D-objekter til SharePoint-listen

De 3D-modeller og -billeder, der kræves til programmet, gemmes på listen SharePoint. Lad os starte med at føje de nødvendige ressourcer til denne liste.

1. På den oprettede SharePoint--liste med navnet Easy Salesskal du vælge + Tilføj kolonne og derefter vælge Vis/skjul kolonner.

   

2. Sørg for, at Vedhæftede filer er markeret, og tryk derefter på Anvend øverst.

   

3. Vælg et element på listen, og vælg derefter Tilføj vedhæftede filer. Vælg din 3D-model (.glb-fil) eller Image (.jpg-fil) i den brugerdefinerede mappe Power Apps. Følg den samme procedure for alle elementerne på listen.

   

4. Vælg rullelisten ud for kolonnen Vedhæftede filer, og vælg derefter Vis vedhæftede filer først. Vi ønsker, at det placeres først for nem adgang.

   

Opret detaljesiden, og tilføj komponenten Vis i 3D

Detaljesiden indeholder alle detaljer og oplysninger om det valgte produkt. Det giver dig en forståelse af visse funktioner i produktet. Du skal forbinde den produktside, du designede i det forrige afsnit, og den detaljeside, der blev oprettet i dette afsnit. Her kan du også bruge komponenten visning i 3D- i Power Apps til at føje 3D-indhold til din lærredsapp. Du kan rotere og zoome ind på 3D-objekter for at få en bedre visning.

1. Opret to nye sider, og omdøb dem Product_details og Carpet_details.

   

2. Vælg ikonet > i gallerikontrolelementet, der er inkluderet på siden Products og Carpets page. Konfigurer derefter egenskaben OnSelect ved at tilføje følgende linjer under fanen Functions.

   Navigate(Product_details,ScreenTransition.Cover,{content : ThisItem})
   

   Navigate(Carpet_details,ScreenTransition.Cover,{content_carpets : ThisItem})
   

   

3. Lad os begynde at oprette siden med Product_details ved at tilføje nogle mærkater, f.eks. Price, Dimensions, Weight, Colorog Material. Du kan redigere teksten i etiketten ved at indsætte den ønskede tekst i egenskaben Text for den Label. Omdøb de navne i overensstemmelse hermed.

   

   Seddel

   Du kan tilpasse temaet, skrifttypen og farvepaletten i dit program for at forbedre brugeroplevelsen og udseendet.

4. Indsæt en anden etiket med navnet Produktnavn for at få vist produktnavnet øverst, og juster Center det. Konfigurer egenskaben Text for etiketten ved at tilføje følgende linje:

   content.'{Name}'
   

   

5. Vælg rullelisten Media, og vælg derefter Image for at indsætte et billede på skærmen Product_details. Konfigurer egenskaben Image på følgende måde:

   content.ImageLink
   

   

6. Vi overlapper komponenten visning i 3D- over komponenten Image. De produkter, der ikke har 3D-modeller knyttet til dem, kan ses via komponenten Image. Hvis du vil tilføje komponenten visning i 3D-, skal du vælge rullelisten Media og derefter vælge Vis i 3D-.

   

   Seddel

   Der er inkluderet en standardfigur i komponenten. Du kan ændre denne figur til en anden ved at ændre egenskaben Source.

7. Placer komponenten over billedkomponenten som vist på billedet, og konfigurer egenskaben Source for komponenten View i 3D på følgende måde for at forbinde 3D-modeller fra SharePoint-listen.

   First(Gallery_products.Selected.Attachments).Value
   

   

8. Vi ændrer egenskaben Visible for både Image og View i 3D--komponenter for nemt at få vist produkterne, afhængigt af den filtype, der er gemt i kolonnen Vedhæftede filer. Konfigurer egenskaben Visible for komponenterne Image og View i 3D på følgende måde:

   • billede :

     If(Gallery_products.Selected.FileType = "Image", true, false)
     

     

   • visning i 3D- :

     If(Gallery_products.Selected.FileType = "Model", true, false)
     

     

9. Tilføj tomme navne ud for Price, Dimensions, Weight, Color, og Mærkater for materiale som vist på billedet for at få vist produktoplysningerne under disse overskrifter. Konfigurer egenskaben Text for disse mærkater på følgende måde:

   • pris :

     content.Price
     

     

   • dimensioner :

     content.Dimensions
     

     

   • vægt :

     content.Weight
     

     

   • farve :

     content.Color
     

     

   • materiale :

     content.PrimaryMaterial
     

     

10. Vi tilføjer et ikonet Tilbage for at navigere til det forrige skærmbillede. Hvis du vil tilføje tilbage--ikonet, skal du udvide rullelisten ikoner og vælge ikonet Tilbage. Placer ikonet Tilbage korrekt, og konfigurer egenskaben OnSelect ved at tilføje følgende:

    Navigate('Products',ScreenTransition.Cover)
    

    

    Følg den samme procedure for Carpet_details. Tilpas funktionen Navigate i overensstemmelse hermed.

    Drikkepenge

    Hvis du vil gemme din status, skal du vælge fanen Filer øverst og vælge indstillingen Gem. Du kan også bruge Ctrl+S- til at gemme status.

    Seddel

    Undgå at medtage komponenten visning i 3D- på siden Carpet_details. Vi bruger ikke 3D-modeller til kategorien Carpet.

Vis i MR-komponent

View i MR er en mixed reality-funktion, der leveres af Power Apps, som gør det muligt for brugerne at placere 3D-objekter eller Billeder i deres virkelige miljø. De 3D-modeller og -billeder, der kræves til programmet, gemmes på listen SharePoint. Lad os starte med at tilføje de nødvendige ressourcer på listen over SharePoint-.

1. Føj komponenten visning i MR- til Product_details-skærmen. Åbn fanen Insert, udvid derefter rullelisten Mixed Reality, og vælg derefter komponenten View i MR.

   

2. På fanen Properties for komponenten View in MR skal du vælge feltet Source og angive for at få adgang til de 3D-modeller, der er gemt på listen over SharePoint-:

   First(Gallery_products.Selected.Attachments).Value
   

   

   Seddel

   Vi inkluderer ikke funktionen -visning i MR- for kategorien Tæpper. I stedet beregner vi tæppets Price- afhængigt af det område, der er beregnet i Measure i MR session.

En anden entydig egenskab, som komponenten visning i MR indeholder, er Objektskalering. Du kan redigere størrelserne af dine 3D-modeller eksternt ved at ændre Objektbredde, Objekthøjdeog Egenskaber for Objektdybde.

• Angiv følgende egenskaber i ruden Egenskab som vist på billedet:

  • Objektbredde = 1,5
  • Objekthøjde = 1
  • Objektdybde = 1
  • Måleenhed = Meter

  Disse værdier angives i henhold til de 3D-modeller, der er inkluderet i dette program.

  

  Seddel

  Du kan også tilpasse de værdier, der overføres til Objektbredde, Objekthøjdeog Objektdybde efter dine behov. De overførte værdier tages i de enheder, der er angivet i Måleenhed. Vælg en passende måleenhed på rullelisten, og angiv derefter værdierne.

  Drikkepenge

  Hvis du vil gemme din status, skal du vælge fanen Filer øverst og vælge indstillingen Gem. Du kan også bruge Ctrl+S- til at gemme status.

Hvis du implementerer ovenstående trin, oprettes der et program med en side med detaljer, der indeholder detaljerede produktoplysninger. Programmet omfatter også komponenten visning i 3D-, så du kan inkludere 3D-indhold. Du kan også placere 3D-modeller i dit virkelige miljø via komponenten View i MR. Nu, hvor du har lært, hvordan du implementerer disse funktioner, kan du inkorporere dem i dine fremtidige programmer.