Övning – Visa i MR och Visa i 3D

Slutförd

Easy-Sales är ett försäljningsorienterat mixed reality-program som skapats för att förbättra shoppingupplevelsen. Säljarna som använder det här programmet kan inspektera och mäta kundens omgivning för att avgöra vilka produkter som är möjliga i utrymmet. De kan också hjälpa kunder att visualisera produkten genom mixad verklighet.

Vi implementerar View i 3D och View i MR-funktionerna i Power Apps för att visualisera produkter korrekt.

Lägga till 3D-objekt i SharePoint-listan

De 3D-modeller och bilder som krävs för programmet lagras i listan SharePoint. Vi börjar med att lägga till de resurser som krävs i den här listan.

1. I den skapade SharePoint-listan med namnet Easy Salesväljer du kolumnen + Lägg till och väljer sedan Visa/dölj kolumner.

   

2. Kontrollera att Bifogade filer är markerat och tryck sedan på Använd överst.

   

3. Välj ett objekt i listan och välj sedan Lägg till bifogade filer. Välj din 3D-modell (glb-fil) eller Image (.jpg-fil) i den anpassade mappen Power Apps. Följ samma procedur för alla objekt i listan.

   

4. Välj listrutan bredvid kolumnen Attachments och välj sedan Visa bifogade filer först. Vi vill att det ska placeras först för enkel åtkomst.

   

Skapa informationssidan och lägg till vyn i 3D-komponenten

Informationssidan innehåller all information och information om den valda produkten. Det ger dig en förståelse för vissa funktioner i produkten. Du måste ansluta produktsidan som du skapade i föregående avsnitt och informationssidan som skapades i det här avsnittet. Här använder du även View i 3D-komponenten i Power Apps för att lägga till 3D-innehåll i din arbetsyteapp. Du kommer att kunna rotera och zooma in på 3D-objekt för en bättre vy.

1. Skapa två nya sidor och byt namn på dem Product_details och Carpet_details.

   

2. Välj ikonen > i gallerikontrollen som ingår i sidan Produkter sidan och Mattor. Konfigurera sedan egenskapen OnSelect genom att lägga till följande rader på fliken Functions.

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

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

   

3. Nu ska vi börja skapa Product_details-sidan genom att lägga till några etiketter, till exempel Price, Dimensions, Weight, Coloroch Material. Du kan redigera texten i etiketten och infoga önskad text i egenskapen Text för den Etikett. Byt namn på Etiketter i enlighet med detta.

   

   Obs

   Du kan anpassa programmets tema, teckensnitt och färgpalett för att förbättra användarupplevelsen och utseendet.

4. Infoga en annan etikett med namnet Produktnamn för att visa produktnamnet överst, och centrera det. Konfigurera egenskapen Text för etiketten genom att lägga till följande rad:

   content.'{Name}'
   

   

5. Välj listrutan Media och välj sedan Bild för att infoga en bild på Product_details-skärmen. Konfigurera egenskapen Image på följande sätt:

   content.ImageLink
   

   

6. Vi överlappar komponenten 3D-vy över komponenten Bild. De produkter som inte har 3D-modeller kopplade till sig kan ses via komponenten Image. Om du vill lägga till komponenten View i 3D väljer du listrutan Media och väljer sedan View in 3D.

   

   Note

   En standardform ingår i komponenten. Du kan ändra den här formen till en annan genom att ändra egenskapen Source.

7. Placera komponenten över bildkomponenten som visas på bilden och konfigurera egenskapen Source i View i 3D-komponenten enligt följande för att ansluta 3D-modeller från SharePoint-listan.

   First(Gallery_products.Selected.Attachments).Value
   

   

8. Vi kommer att ändra egenskapen Visible för både komponenterna Image och Visa i 3D för att enkelt kunna se produkterna beroende på den Filtyp som är lagrad i Attachments-kolumnen. Konfigurera egenskapen Visible för Image och View i 3D-komponenter enligt följande:

   • Bild:

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

     

   • visa i 3D :

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

     

9. Lägg till tomma etiketter bredvid etiketterna Price, Dimensions, Weight, Coloroch Material som visas i bilden för att visa produktinformationen under dessa rubriker. Konfigurera egenskapen Text för följande etiketter:

   • Pris :

     content.Price
     

     

   • Dimensioner:

     content.Dimensions
     

     

   • Vikt:

     content.Weight
     

     

   • Färg :

     content.Color
     

     

   • Material :

     content.PrimaryMaterial
     

     

10. Vi lägger till en Tillbaka ikon för att navigera till föregående skärm. Om du vill lägga till ikonen Tillbaka expanderar du listrutan Ikoner och väljer ikonen Bakåt. Placera ikonen Tillbaka korrekt och konfigurera egenskapen OnSelect genom att lägga till följande:

    Navigate('Products',ScreenTransition.Cover)
    

    

    Följ samma procedur för Carpet_details. Anpassa funktionen Navigate i enlighet med detta.

    Tips

    Spara förloppet genom att välja fliken Fil överst och välja alternativet Spara. Du kan också använda Ctrl+S- för att spara förloppet.

    Not

    Undvik att inkludera komponenten Visa i 3D på sidan Mattedetaljer. Vi använder inte 3D-modeller för kategorin Carpet.

Visa i MR-komponent

View i MR är en funktion för mixad verklighet som tillhandahålls av Power Apps som gör det möjligt för användare att placera 3D-objekt eller Images i sin verkliga miljö. De 3D-modeller och bilder som krävs för programmet lagras i listan SharePoint. Vi börjar med att lägga till nödvändiga resurser i listan SharePoint.

1. Lägg till komponenten View i MR på skärmen Product_details. Öppna fliken Infoga och expandera sedan listrutan Mixed Reality och välj sedan komponenten View i MR.

   

2. På fliken Egenskaper för komponenten View i MR väljer du fältet Source och anger för att komma åt de 3D-modeller som lagras i din SharePoint- lista:

   First(Gallery_products.Selected.Attachments).Value
   

   

   Not

   Vi inkluderar inte funktionen View i MR för kategorin Carpets. I stället beräknar vi mattans pris beroende på det område som beräknas i måttet i mr session.

En annan unik egenskap som komponenten View i MR tillhandahåller är Objektskalning. Du kan redigera storlekarna på dina 3D-modeller externt genom att ändra objektbredd, objekthöjdoch objektdjup egenskaper.

• Ange följande egenskaper i fönstret Egenskap enligt bilden:

  • Objektbredd = 1,5
  • objekthöjd = 1
  • Objektdjup = 1
  • Måttenhet = Meter

  Dessa värden anges enligt de 3D-modeller som ingår i det här programmet.

  

  Not

  Du kan också anpassa värdena som skickas till Objektbredd, Objekthöjdoch objektdjup efter dina behov. De värden som skickas tas i de enheter som anges i måttenhet. Välj en lämplig mätenhet i listrutan och ange senare värdena.

  Tips

  Spara förloppet genom att välja fliken Fil överst och välja alternativet Spara. Du kan också använda Ctrl+S- för att spara förloppet.

Om du implementerar stegen ovan skapas ett program med en informationssida som innehåller detaljerad produktinformation. Programmet innehåller även View i 3D- komponent, så att du kan inkludera 3D-innehåll. Du kan också placera 3D-modeller i din verkliga miljö via komponenten View i MR. Nu när du har lärt dig hur du implementerar dessa funktioner kan du införliva dem i dina framtida program.