3D-inhoud of -afbeeldingen weergeven in mixed reality
Gebruik het besturingselement Weergeven in MR om een 3D-model van een object of een afbeelding in een ruimte in de echte wereld te plaatsen. Bekijk bijvoorbeeld een schilderij aan de muur voordat u het ophangt of kijk of een virtuele 3D-boekenkast past op de gewenste plek.
Wat kunt u doen als u geen 3D-model van het object hebt? Laad een afbeelding van het object en stel de afmetingen in op de grootte van het object. Met het besturingselement wordt de afbeelding toegepast als de zijde van een virtuele kubus met de gewenste grootte. Plaats deze stand-in voor het 3D-model in uw ruimte.
Met het besturingselement Weergeven in MR wordt een knop aan uw app toegevoegd. Als een gebruiker de knop selecteert, wordt een geselecteerd 3D-model (in bestandsindeling .glb, .stl of .obj) of een geselecteerde afbeelding (in bestandsindeling .jpg of .png) op de camerafeed van het apparaat geplaatst.
U kunt ook foto's maken met het besturingselement Weergeven in MR en ze uploaden naar OneDrive.
Belangrijk
Uw 3D-inhoud moet de bestandsindeling .glb, .stl of .obj hebben. U kunt uw bestaande 3D-modellen converteren van verschillende 3D-bestandsindelingen naar de bestandsindeling .glb. 3D-inhoud gecomprimeerd met Draco-compressie. Draco wordt niet ondersteund.
Tip
Zorg ervoor dat uw 3D-modellen zijn geoptimaliseerd voor gebruik met Power Apps om laadtijden te minimaliseren.
De mixed reality-besturingselementen (MR) werken het beste in goed verlichte omgevingen met vlak gestructureerde oppervlakken. Tracking is beter op LIDAR-compatibele apparaten.
De MR-besturingselementen in Power Apps maken gebruik van Babylon en Babylon React Native. Mixed reality-inhoud die werkt in de Babylon-sandbox zou moeten werken in Power Apps via dit gedeelde MR-platform. Als uw inhoud in Babylon werkt, maar niet in Power Apps, kunt u een vraag stellen in het Power Apps Community-forum. (Tag het met "mixed reality.")
De knop Weergeven in MR aan een app-scherm toevoegen
Doe het volgende terwijl uw app voor bewerken is geopend in Power Apps Studio:
Open het tabblad Invoegen en vouw Mixed Reality uit.
Selecteer het besturingselement Weergeven in MR om het besturingselement in het app-scherm te plaatsen of sleep het besturingselement naar het scherm om het nauwkeuriger te plaatsen.
Het besturingselement is een knop die is gelabeld met een pictogram van een kubus en de tekst Weergeven in MR. Wijzig het label en verberg desgewenst het pictogram in de eigenschappen Text en Display type.
Verschillende modellen in één sessie bekijken
Het Weergeven in MR-besturingselement geeft standaard één mediabestand weer. Om tijdens de MR-ervaring verschillende mediabestanden te bekijken die via een mediagalerij zijn geselecteerd, gebruikt u de geavanceerde eigenschap Items. Deze eigenschap maakt een tabel met mediabestanden waaruit de gebruiker kan kiezen in de mixed reality-ervaring.
Bij gebruik van de eigenschap Items moet u een waarde instellen voor de volgende aanvullende eigenschappen om de kolommen van uw tabel toe te wijzen:
| Eigenschappen | Omschrijving |
|---|---|
| ItemsSource (vereist) | Geeft aan welke kolom in Items het 3D-model of de afbeelding aanduidt om in mixed reality-weergave weer te geven. Zie 3D-modellen verbinden met Power Apps voor meer informatie over het opnemen van modellen in Power Apps. |
| ItemsLabel | Geeft aan welke kolom in Items het label bevat dat in de mediagalerij moet worden weergegeven. De eigenschap Alternatieve tekst wordt gebruikt voor items waarvoor geen label is opgegeven. |
| ItemsThumbnail | Geeft aan welke kolom in Items de miniatuur aanduidt die in de mediagalerij moet worden weergegeven. Er wordt een standaardminiatuur weergegeven voor items waarvoor er geen is opgegeven. |
| ItemsObjectWidth, ItemsObjectHeight, ItemsObjectDepth | Geeft een expliciete grootte aan voor elk media-item in de tabel. Objectbreedte, Objecthoogte en Objectdiepte worden als standaard gebruikt voor items zonder specifieke grootte. |
Laten we om het te testen een mediagalerij maken met drie verschillende planten in een kameromgeving. Onze tabel Items ziet er als volgt uit:
Doe het volgende terwijl uw app voor bewerken is geopend in Power Apps Studio:
Open het tabblad Invoegen en vouw Mixed Reality uit.
Selecteer het besturingselement Weergeven in MR om het besturingselement in het app-scherm te plaatsen of sleep het besturingselement naar het scherm om het nauwkeuriger te plaatsen.
Selecteer op het eigenschappentabblad Geavanceerd de eigenschap Items en typ of plak de volgende code:
Table( { label: "Birds of Paradise", source: "https://raw.githubusercontent.com/microsoft/experimental-pcf-control-assets/master/bird_of_paradise_blue.glb", thumbnail: "https://raw.githubusercontent.com/microsoft/experimental-pcf-control-assets/master/bird_of_paradise_blue.png" }, { label: "Fiddle Leaf Fig", source: "https://raw.githubusercontent.com/microsoft/experimental-pcf-control-assets/master/flf_orange.glb", thumbnail: "https://raw.githubusercontent.com/microsoft/experimental-pcf-control-assets/master/flf_orange.png" }, { label: "Small Palm Tree", source: "https://raw.githubusercontent.com/microsoft/experimental-pcf-control-assets/master/palm_green.glb", thumbnail: "https://raw.githubusercontent.com/microsoft/experimental-pcf-control-assets/master/palm_green.png" } )Stel de eigenschap ItemsLabel in op
"label".Stel de eigenschap ItemsSource in op
"source".Stel de eigenschap ItemsThumbnail in op
"thumbnail".
Notitie
De eigenschap Items is ingesteld op uw gegevensbron, wat een verzameling, een connector of een hard gecodeerde tabel kan zijn, zoals in dit voorbeeld. De eigenschappen ItemsSource, ItemsLabel en ItemsThumbnail worden ingesteld op de kolomnamen van die gegevensbron tussen aanhalingstekens.
- Sla de app op, publiceer de app en open deze op uw mobiele apparaat om de app uit te proberen.
Hoe objecten worden geschaald als u het formaat ervan wijzigt
Als u geen afmetingen opgeeft wanneer u een model plaatst, volgt het besturingselement Weergeven in MR de afmetingen die zijn opgegeven in het objectbestand. U kunt het formaat van het model wijzigen door een andere waarde dan 0 in te voeren voor een of meer van de eigenschappen voor de breedte, hoogte en diepte van het besturingselement (Object width, Object height en Object depth). Hoe het model wordt geschaald, hangt af van het aantal afmetingen dat u wijzigt.
Als alle afmetingen 0 (standaard) zijn, blijft de grootte van het model zoals deze is ingesteld in het objectbestand.
Als één afmeting is ingesteld, wordt het model gelijkelijk geschaald op basis van de gewijzigde afmeting, vergelijkbaar met het instellen van "hoogte-breedteverhouding behouden" wanneer u het formaat van een afbeelding wijzigt.
Als er twee afmetingen zijn ingesteld, wordt het model geschaald naar de twee opgegeven afmetingen en een gemiddelde van de eerste twee.
Stel dat u een model hebt dat 12 m hoog, 6 m breed en 3 m diep is. U stelt de eigenschappen van het besturingselement Weergeven in MR als volgt in: Object height: 24, Object width: 9, Object depth: 0 (ongewijzigd). De hoogte neemt met een factor van 2 toe en de breedte met een factor van 1,5. De toename in hoogte en breedte wordt gemiddeld om de factor te vinden waarmee de diepte moet worden vergroot: 2 + 1,5 = 3,5 / 2 = 1,75. De definitieve afmetingen van het model zijn objecthoogte 24, objectbreedte 9 en objectdiepte 5,25 (3 x 1,75).Als alle drie de afmetingen zijn ingesteld, wordt de grootte van het model gewijzigd in wat u hebt opgegeven.
Notitie
Als de metingen niet overeenkomen met de oorspronkelijke hoogte-breedteverhouding, kan het model worden platgedrukt of vervormd wanneer het wordt weergegeven in MR.
Eigenschappen
Wijzig het gedrag en de weergave van de knop Weergeven in MR met behulp van eigenschappen. Sommige eigenschappen zijn alleen beschikbaar op het tabblad Geavanceerd.
| Eigenschap | Beschrijving | Type | Locatie |
|---|---|---|---|
| Text | Hiermee wordt de knoplabeltekst ingesteld. | Tekenreeks | Eigenschappen: Geavanceerd: Text |
| Alternative text | Hiermee wordt de tekst opgegeven die moet worden weergegeven als het model niet kan worden geladen of als de gebruiker de muisaanwijzer op het model houdt. | Tekenreeks | Eigenschappen: Geavanceerd: AltText |
| Display type | Bepaalt of het knoplabel een pictogram van een kubus, tekst of beide toont. | Selectie in vervolgkeuzelijst | Eigenschappen; Geavanceerd: DisplayType |
| Source | Identificeert de gegevensbron (.glb-, .stl- of .obj-bestand) die moet worden weergegeven. | Niet van toepassing | Eigenschappen; Geavanceerd: Source |
| Bronnenlijst (items) | Gegevensbron (tabel) met meerdere mediabestanden om te bekijken in een enkele mixed reality-sessie. | Tabel | Eigenschappen: Geavanceerd: Items |
| Object width | Hiermee wordt de breedte van het model ingesteld. | Geheel getal | Eigenschappen; Geavanceerd: ObjectWidth |
| Object height | Hiermee wordt de hoogte van het model ingesteld. | Geheel getal | Eigenschappen; Geavanceerd: ObjectHeight |
| Object depth | Hiermee wordt de diepte van het model ingesteld. | Geheel getal | Eigenschappen; Geavanceerd: ObjectDepth |
| Unit of measurement | Hiermee wordt de maateenheid ingesteld die wordt gebruikt voor de breedte, hoogte en diepte van het model. | List | Eigenschappen; Geavanceerd: Units |
| Schaduwen inschakelen | Bepaalt of schaduwen worden gebruikt om het 3D-effect te versterken wanneer het model wordt weergegeven. | Booleaans | Eigenschappen; Geavanceerd: EnableShadows |
| Markeringsdetectie inschakelen | Bepaalt of markeringsdetectie wordt gebruikt om de modelpositie en -rotatie te bepalen. Zie Markeringsdetectie gebruiken met mixed reality-besturingselementen | Booleaans | Eigenschappen; Geavanceerd: EnableMarkerDetection |
| Zichtbaar | Hiermee wordt de knop weergegeven of verborgen. | Booleaans | Eigenschappen; Geavanceerd: Visible |
| Position | Hiermee wordt de linkerbovenhoek van de knop op de schermcoördinaten opgegeven in x en y geplaatst. | Floating point number | Eigenschappen: Geavanceerd: X, Y |
| Size | Hiermee wordt de grootte van de knop bepaald op basis van de pixelwaarden die zijn opgegeven bij Width en Height. | Geheel getal | Eigenschappen; Geavanceerd: Width, Height |
| Padding top | Stelt de afstand in tussen de knoplabeltekst en de bovenkant van de knop. | Floating point number | Eigenschappen; Geavanceerd: PaddingTop |
| Padding bottom | Stelt de afstand in tussen de knoplabeltekst en de onderkant van de knop. | Floating point number | Eigenschappen; Geavanceerd: PaddingBottom |
| Padding left | Stelt de afstand in tussen de knoplabeltekst en de linkerrand van de knop. | Floating point number | Eigenschappen; Geavanceerd: PaddingLeft |
| Padding right | Stelt de afstand in tussen de knoplabeltekst en de rechterrand van de knop. | Floating point number | Eigenschappen; Geavanceerd: PaddingRight |
| Font | Stelt de naam in van de lettertypefamilie die wordt gebruikt voor de knoplabeltekst. | List | Eigenschappen; Geavanceerd: Font |
| Font size | Stelt de grootte van de knoplabeltekst in. | Floating point number | Eigenschappen; Geavanceerd: FontSize |
| Font weight | Stelt het gewicht van de knoplabeltekst in: Vet, Lichter, Normaal of Semivet. | List | Eigenschappen; Geavanceerd: FontWeight |
| Text alignment | Stelt de horizontale uitlijning van de labeltekst in de knop in: Gecentreerd, Uitvullen, Links of Rechts. | Niet van toepassing | Eigenschappen; Geavanceerd: TextAlignment |
| Vertical alignment | Stelt de verticale uitlijning van de labeltekst in de knop in: Onder, Midden of Boven. | List | Eigenschappen; Geavanceerd: VerticalAlign |
| Tekenstijl | Stelt de stijl van de knoplabeltekst in: Cursief, Onderstrepen, Doorhalen of geen. | Niet van toepassing | Eigenschappen; Geavanceerd: Italic, Underline, Strikethrough |
| Border radius | Bepaalt de hoekradius van de knoprand. | Floating point number | Eigenschappen; Geavanceerd: BorderRadius |
| Color | Stelt de kleuren in van de knoplabeltekst en de knopachtergrond. | Niet van toepassing | Eigenschappen; Geavanceerd: FillColor, TextColor |
| Border | Bepaalt de stijl, breedte en kleur van de knoprand. | Niet van toepassing | Eigenschappen; Geavanceerd: BorderStyle, BorderThickness, BorderFillColor |
| Disabled | Schakelt de knop uit, maar laat deze zichtbaar. | Booleaans | Eigenschappen; Geavanceerd: Disabled |
| Disabled color | Stelt de kleuren van de knoplabeltekst, de knopachtergrond en de knoprand in als DisplayMode Uitgeschakeld is. | Niet van toepassing | Eigenschappen; Geavanceerd: DisabledContentColor, DisabledFillColor, DisabledBorderColor |
| Pressed color | Stelt de kleuren van de knoplabeltekst, de knopachtergrond en de knoprand in als de gebruiker de knop selecteert. | Niet van toepassing | Eigenschappen; Geavanceerd: PressedContentColor, PressedFillColor, PressedBorderColor |
| Hover color | Stelt de kleuren van de knoplabeltekst, de knopachtergrond en de knoprand in als de gebruiker de muisaanwijzer erboven houdt. | Niet van toepassing | Eigenschappen; Geavanceerd: HoverContentColor, HoverFillColor, HoverBorderColor |
| OnMixedRealitySelect | Gedrag dat wordt geactiveerd wanneer de gebruiker de knop selecteert om de mixed reality-ervaring te starten. | Gedefinieerde actie | Geavanceerd |
| OnChange | Gedrag dat wordt geactiveerd wanneer een eigenschap op de knop wordt gewijzigd. | Gedefinieerde actie | Geavanceerd |
| Tooltip | Hiermee wordt bepaald welke tekst moet worden weergegeven wanneer de gebruiker de muisaanwijzer boven de knop houdt. | Tekenreeks | Geavanceerd |
| ContentLanguage | Bepaalt de weergavetaal van het knoplabel, als deze afwijkt van de taal die in de app wordt gebruikt. | Tekenreeks | Geavanceerd |
| DisplayMode | Bepaalt of met de knop gebruikersinvoer is toegestaan (Bewerken), alleen gegevens worden weergegeven (Weergeven) of wordt uitgeschakeld (Uitgeschakeld). | Enum | Geavanceerd |
| TabIndex | Hiermee wordt de volgorde opgegeven waarin de knop wordt geselecteerd als de gebruiker door de app navigeert met de Tab-toets. | Geheel getal | Eigenschappen; Geavanceerd: TabIndex |
Uitvoereigenschappen
Uw app kan gebruikmaken van meer eigenschappen wanneer een gebruiker werkt met het besturingselement Weergeven in MR. Deze staan bekend als uitvoereigenschappen. U kunt uitvoereigenschappen gebruiken in andere besturingselementen of om de app-ervaring aan te passen.
| Eigenschap | Beschrijving | Type |
|---|---|---|
| Photos | Verzamelt de foto's die zijn gemaakt tijdens de mixed reality-sessie. U kunt de mixed reality-foto's uploaden naar OneDrive en ze weergeven in een galerie. | Niet van toepassing |
Overige mixed reality-besturingselementen
- Geef 3D-inhoud weer met het besturingselement 3D-object.
- Meet afstand, oppervlakte en volume met het besturingselement Measure in mixed reality.
- Vooraf gedefinieerde 3D-vormen met het besturingselement View shape in mixed reality maken en weergeven
- Teken 3D-lijnen of teken 3D-pijlen om een gebied of asset in uw omgeving op te geven met het besturingselement Markup in MR.
Zie ook
- Een app met 3D- en mixed reality-besturingselementen maken
- Markeringsdetectie gebruiken met mixed reality-besturingselementen
Notitie
Laat ons uw taalvoorkeuren voor documentatie weten! Beantwoord een korte enquête. (houd er rekening mee dat deze in het Engels is)
De enquête duurt ongeveer zeven minuten. Er worden geen persoonlijke gegevens verzameld (privacyverklaring).