Freigeben über


Anzeigen von 3D-Inhalten oder Bildern in Mixed Reality

Verwenden Sie das Steuerelement "Ansicht in MR ", um ein 3D-Modell eines Objekts oder eines Bilds in einem realen Raum zu platzieren. Sehen Sie sich beispielsweise eine Vorschau eines Gemäldes an einer Wand an, bevor Sie es hängen, oder sehen Sie, ob ein virtuelles 3D-Buchgehäuse an die gewünschte Stelle passt.

Was geschieht, wenn Sie kein 3D-Modell des Objekts haben? Laden Sie ein Bild des Objekts, und legen Sie dessen Abmessungen auf die Größe des Objekts fest. Das Steuerelement wendet das Bild als Gesicht eines virtuellen Würfels der gewünschten Größe an. Platzieren Sie dieses Stand-In für das 3D-Modell in Ihrem Raum.

Das Steuerelement "Ansicht" in MR fügt Ihrer App eine Schaltfläche hinzu. Wenn ein Benutzer die Schaltfläche auswählt, überlagert die App ein ausgewähltes 3D-Modell (in GLB-, STL- oder .obj Dateiformaten) oder Bild (in .jpg oder .png Dateiformaten) im Gerätekamerafeed.

Ein Foto eines Tablet-Bildschirms, das ein 3D-Modell eines Gabelstapler zeigt, der auf einer Lagereinrichtungsansicht überlagert ist.

Sie können fotos auch mit dem Steuerelement "In MR anzeigen" aufnehmen und auf OneDrive hochladen.

Von Bedeutung

Ihre 3D-Inhalte müssen sich in den Dateiformaten GLB, STL oder .obj befinden. Sie können Ihre vorhandenen 3D-Modelle aus einer Vielzahl von 3D-Formaten in das GLB-Dateiformat konvertieren . 3D-Inhalte, die mit draco compression Draco komprimiert werden, werden nicht unterstützt.

Tipp

  • Stellen Sie sicher, dass Ihre 3D-Modelle für die Verwendung mit Power Apps optimiert sind, um Ladezeiten zu minimieren.

  • Die Mixed-Reality -Steuerelemente (MR) funktionieren in gut beleuchteten Umgebungen mit flachen Texturen am besten. Die Nachverfolgung ist auf LIDAR-fähigen Geräten besser.

  • Die MR-Steuerelemente in Power Apps verwenden Babylon und Babylon React Native. Mixed Reality-Inhalte, die im Babylon-Sandkasten funktionieren, sollten in Power Apps über diese freigegebene MR-Plattform funktionieren. Wenn Ihre Inhalte in Babylon funktionieren, aber nicht in Power Apps, stellen Sie im Power Apps-Communityforum eine Frage. (Markieren Sie es mit "Mixed Reality".)

Hinzufügen einer Schaltfläche "Ansicht in MR" zu einem App-Bildschirm

Wenn Ihre App zur Bearbeitung in Power Apps Studio geöffnet ist:

  1. Öffnen Sie die Registerkarte "Einfügen ", und erweitern Sie Mixed Reality.

  2. Wählen Sie "Ansicht in MR" aus, um das Steuerelement auf dem App-Bildschirm zu platzieren, oder ziehen Sie das Steuerelement auf den Bildschirm, um es genauer zu positionieren.

Das Steuerelement ist eine Schaltfläche, die mit einem Symbol eines Cubes und der Textansicht in MR gekennzeichnet ist. Ändern Sie die Beschriftung, und blenden Sie das Symbol aus, wenn Sie die Eigenschaften "Text " und " Anzeigetyp " verwenden.

Screenshot der Registerkarte

Anzeigen verschiedener Modelle in einer einzelnen Sitzung

Das "Ansicht"-Steuerelement im MR-System zeigt standardmäßig eine Mediendatei an. Um verschiedene Mediendateien anzuzeigen, die während des MR-Erlebnisses über eine Mediengalerie ausgewählt wurden, verwenden Sie die erweiterte Eigenschaft "Items" des Steuerelements. Diese Eigenschaft erstellt eine Tabelle, in der Mediendateien aufgelistet werden, aus denen der Benutzer in der Mixed Reality-Erfahrung auswählen kann.

Wenn Sie die Items-Eigenschaft verwenden, müssen Sie einen Wert für die folgenden zusätzlichen erweiterten Eigenschaften festlegen, um die Spalten Der Tabelle zuzuordnen:

Eigentum Description
ItemsSource (erforderlich) Gibt an, welche Spalte in Items das 3D-Modell oder -Bild identifiziert, das in der Mixed Reality-Ansicht angezeigt werden soll. Weitere Informationen zum Integrieren von Modellen in Power Apps finden Sie unter Verbinden von 3D-Modellen mit Power Apps .
Artikelbeschriftung Gibt an, welche Spalte in "Items " die Beschriftung enthält, die im Medienkatalog angezeigt werden soll. Die Alternative Texteigenschaft wird für Elemente verwendet, für die keine Beschriftung angegeben ist.
ItemsThumbnail Gibt an, in welcher Spalte in Items die Miniaturansicht identifiziert, die in der Mediengalerie angezeigt werden soll. Für Elemente, für die keines angegeben ist, wird ein Standard-Miniaturbild bereitgestellt.
ElementObjektBreite, ElementObjektHöhe, ElementObjektTiefe Gibt eine explizite Größe für jedes Medienelement in der Tabelle an. Objektbreite, Objekthöhe und Objekttiefe werden für Elemente verwendet, die keine bestimmte Größe aufweisen.

Um es zu testen, erstellen wir eine Mediengalerie, in der drei verschiedene Pflanzen in einer Raumeinstellung angezeigt werden. Unsere Artikeltabelle sieht wie folgt aus:

label source Vorschaubild
Paradiesvögel https://raw.githubusercontent.com/microsoft/experimental-pcf-control-assets/master/bird_of_paradise_blue.glb https://raw.githubusercontent.com/microsoft/experimental-pcf-control-assets/master/bird_of_paradise_blue.png
Geigenblatt-Feige https://raw.githubusercontent.com/microsoft/experimental-pcf-control-assets/master/flf_orange.glb https://raw.githubusercontent.com/microsoft/experimental-pcf-control-assets/master/flf_orange.png
Kleiner Palmenbaum https://raw.githubusercontent.com/microsoft/experimental-pcf-control-assets/master/palm_green.glb https://raw.githubusercontent.com/microsoft/experimental-pcf-control-assets/master/palm_green.png

Video, das einen Medienkatalog in einer Mixed Reality-Erfahrung zeigt.

Wenn Ihre App zur Bearbeitung in Power Apps Studio geöffnet ist:

  1. Öffnen Sie die Registerkarte "Einfügen ", und erweitern Sie Mixed Reality.

  2. Wählen Sie "Ansicht in MR" aus, um das Steuerelement auf dem App-Bildschirm zu platzieren, oder ziehen Sie das Steuerelement auf den Bildschirm, um es genauer zu positionieren.

  3. Wählen Sie auf der Registerkarte "Erweiterte Eigenschaften" die Eigenschaft "Items " aus, und geben Sie den folgenden Code ein, oder fügen Sie ihn ein:

    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"
    }
    )
    
  4. Legen Sie die ItemsLabel-Eigenschaft auf "label".

  5. Legen Sie die ItemsSource-Eigenschaft auf "source".

  6. Legen Sie die ItemsThumbnail-Eigenschaft auf "thumbnail".

    Ein Screenshot der

Hinweis

Die Items-Eigenschaft ist auf Ihre Datenquelle festgelegt, die eine Sammlung, einen Konnektor oder eine fest codierte Tabelle wie in diesem Beispiel sein kann. Die Eigenschaften ItemsSource, ItemsLabel und ItemsThumbnail werden auf die Spaltennamen dieser Datenquelle innerhalb von Anführungszeichen festgelegt.

  1. Speichern und veröffentlichen Sie die App, und öffnen Sie sie dann auf Ihrem mobilen Gerät, um sie auszuprobieren.

Wie Objekte skaliert werden, wenn Sie die Größe ändern

Wenn Sie keine Dimensionen angeben, wenn Sie ein Modell platzieren, folgt das View in MR-Steuerelement den Dimensionen in der Objektdatei. Sie können die Größe des Modells ändern, indem Sie einen anderen Wert als 0 in eine oder mehrere Der Eigenschaften Breite, Höhe und Tiefe des Steuerelements eingeben (Objektbreite, Objekthöhe und Objekttiefe). Wie das Modell skaliert wird, hängt davon ab, wie viele Dimensionen Sie ändern.

  • Wenn alle Dimensionen 0 (Standardeinstellung) sind, bleibt die Größe des Modells erhalten, wie es in der Objektdatei festgelegt ist.

  • Wenn eine Dimension festgelegt ist, wird das Modell entsprechend der geänderten Dimension skaliert, ähnlich wie das Festlegen des "Seitenverhältnisses beibehalten", wenn Sie die Größe eines Bilds ändern.

  • Wenn zwei Dimensionen festgelegt sind, skaliert das Modell auf die beiden angegebenen Dimensionen und einen Mittelwert der ersten beiden Dimensionen.
    Angenommen, Sie haben ein Modell, das 12 m hoch, 6 m breit und 3 m tief ist. Sie setzen die Eigenschaften des In MR anzeigen-Steuerelements wie folgt fest: Objekthöhe: 24, Objektbreite: 9, Objekttiefe: 0 (unverändert). Die Höhe erhöht sich um den Faktor 2, und die Breite steigt um den Faktor 1,5. Die Erhöhung der Höhe und Breite wird gemittelt, um den Faktor zu finden, um den die Tiefe erhöht werden soll: 2 + 1,5 = 3,5 / 2 = 1,75. Die letzten Dimensionen des Modells sind Objekthöhe 24, Objektbreite 9 und Objekttiefe 5,25 (3 x 1,75).

  • Wenn alle drei Dimensionen festgelegt sind, wird die Größe des Modells in das von Ihnen angegebene Format geändert.

Hinweis

Wenn die Messungen nicht dem ursprünglichen Seitenverhältnis entsprechen, kann das Modell bei der Betrachtung in MR gestaucht oder verzerrt werden.

Eigenschaften

Ändern Sie das Verhalten und das Erscheinungsbild der Ansicht-in-MR-Schaltfläche mithilfe von Eigenschaften. Einige Eigenschaften sind nur auf der Registerkarte "Erweitert " verfügbar.

Screenshot einer Schaltfläche

Eigentum Description Typ Standort
Text Legt den Text der Schaltflächenbezeichnung fest. String Eigenschaften; Erweitert: Text
Alternativtext Gibt den anzuzeigenden Text an, wenn das Modell nicht geladen werden kann oder wenn der Benutzer auf das Modell zeigt. String Eigenschaften; Erweitert: AltText
Anzeigetyp Bestimmt, ob die Schaltflächenbezeichnung ein Symbol eines Würfels, Texts oder beides anzeigt. Dropdownauswahl Eigenschaften; Erweitert: DisplayType
Quelle Gibt die anzuzeigende Datenquelle (GLB, STL oder .obj Datei) an. Nicht anwendbar Eigenschaften; Erweitert: Quelle
Quellenliste (Elemente) Datenquelle (Tabelle), in der mehrere Mediendateien aufgelistet werden, die in einer einzigen Mixed Reality-Sitzung angezeigt werden sollen. Table Eigenschaften; Erweitert: Elemente
Objektbreite Legt die Breite des Modells fest. Integer Eigenschaften; Erweitert: ObjectWidth
Objekthöhe Legt die Höhe des Modells fest. Integer Eigenschaften; Erweitert: ObjectHeight
Objekttiefe Legt die Tiefe des Modells fest. Integer Eigenschaften; Erweitert: ObjectDepth
Maßeinheit Legt die Maßeinheit fest, die für die Breite, Höhe und Tiefe des Modells verwendet wird. List Eigenschaften; Erweitert: Einheiten
Aktivieren von Schatten Bestimmt, ob Schatten verwendet werden, um den 3D-Effekt zu verbessern, wenn das Modell angezeigt wird. Boolean Eigenschaften; Erweitert: EnableShadows
Aktivieren der Markierungserkennung Bestimmt, ob die Markererkennung verwendet wird, um die Modellposition und Drehung zu bestimmen. Siehe Verwenden der Markierungserkennung mit Mixed Reality-Steuerelementen Boolean Eigenschaften; Erweitert: MarkererkennungAktivieren
Sichtbar Zeigt die Taste an oder blendet sie aus. Boolean Eigenschaften; Erweitert: Sichtbar
Position Platziert die obere linke Ecke der Schaltfläche an den bildschirmkoordinaten, die in x und y angegeben sind. Gleitkommazahl Eigenschaften; Erweitert: X, Y
Size Bestimmt die Größe der Schaltfläche mithilfe der Pixelwerte, die in "Breite " und "Höhe" angegeben sind. Integer Eigenschaften; Erweitert: Breite, Höhe
Padding top Legt den Abstand zwischen dem Schaltflächenbezeichnungstext und dem oberen Rand der Schaltfläche fest. Gleitkommazahl Eigenschaften; Erweitert: PaddingTop
Abstand unten Legt den Abstand zwischen dem Schaltflächenbezeichnungstext und dem unteren Rand der Schaltfläche fest. Gleitkommazahl Eigenschaften; Erweitert: PaddingBottom
Abstand links Legt den Abstand zwischen dem Schaltflächenbezeichnungstext und dem linken Rand der Schaltfläche fest. Gleitkommazahl Eigenschaften; Erweitert: PaddingLeft
Abstand rechts Legt den Abstand zwischen dem Schaltflächenbezeichnungstext und dem rechten Rand der Schaltfläche fest. Gleitkommazahl Eigenschaften; Erweitert: PaddingRight
Schriftgröße Legt den Namen der Schriftartenfamilie fest, die für den Text der Schaltflächenbezeichnung verwendet wird. List Eigenschaften; Erweitert: Schriftart
Schriftgröße Legt die Größe des Schaltflächenbezeichnungstexts fest. Gleitkommazahl Eigenschaften; Erweitert: Schriftgröße
Schriftstärke Legt die Schriftbreite des Schaltflächentexts fest: Fett, Dünn, Normal oder Halbfett. List Eigenschaften; Erweitert: FontWeight
Textausrichtung Legt die horizontale Ausrichtung des Beschriftungstextes in der Schaltfläche fest, entweder Mitte, Blocksatz, Links oder Rechts. Nicht anwendbar Eigenschaften; Erweitert: Textausrichtung
Vertikale Ausrichtung Legt die vertikale Ausrichtung des Beschriftungstexts in der Schaltfläche fest, entweder unten, mitte oder oben. List Eigenschaften; Erweitert: Vertikale Ausrichtung
Schriftschnitt Legt den Stil des Beschriftungstextes der Schaltfläche fest, entweder Kursiv, Unterstreichen, Durchgestrichen oder nichts. Nicht anwendbar Eigenschaften; Erweitert: Kursiv, Unterstrichen, Durchgestrichen
Rahmenradius Bestimmt den Eckenradius des Schaltflächenrahmens. Gleitkommazahl Eigenschaften; Erweitert: BorderRadius
Farbe Legt die Farben des Schaltflächenbezeichnungstexts und des Schaltflächenhintergrunds fest. Nicht anwendbar Eigenschaften; Erweitert: FillColor, TextColor
Border Bestimmt den Stil, die Breite und die Farbe des Schaltflächenrahmens. Nicht anwendbar Eigenschaften; Erweitert: BorderStyle, BorderThickness, BorderFillColor
Disabled Deaktiviert die Schaltfläche, lässt sie aber sichtbar. Boolean Eigenschaften; Erweitert: Deaktiviert
Deaktivierte Farbe Legt die Farben des Schaltflächenbeschriftungstexts, des Schaltflächenhintergrunds und des Schaltflächenrahmens fest, wenn DisplayModedeaktiviert ist. Nicht anwendbar Eigenschaften; Erweitert: DisabledContentColor, DisabledFillColor, DisabledBorderColor
Gepresste Farbe Legt die Farben des Schaltflächenbezeichnungstexts, des Schaltflächenhintergrunds und des Schaltflächenrahmens fest, wenn der Benutzer die Schaltfläche auswählt. Nicht anwendbar Eigenschaften; Erweitert: PressedContentColor, PressedFillColor, PressedBorderColor
Hoverfarbe Legt die Farben des Schaltflächenbeschriftungstexts, des Schaltflächenhintergrunds und den Rahmen der Schaltfläche fest, wenn der Benutzer mit dem Mauszeiger darauf zeigt. Nicht anwendbar Eigenschaften; Erweitert: HoverContentColor, HoverFillColor, HoverBorderColor
OnMixedRealitySelect Verhalten, das ausgelöst wird, wenn der Benutzer die Schaltfläche auswählt, um in die Mixed Reality-Erfahrung zu starten. Definierte Aktion Advanced
OnChange Verhalten, das ausgelöst wird, wenn eine Eigenschaft auf der Schaltfläche geändert wird. Definierte Aktion Advanced
Quickinfo Bestimmt den Text, der angezeigt werden soll, wenn der Benutzer auf die Schaltfläche zeigt. String Advanced
ContentLanguage Bestimmt die Anzeigesprache der Schaltflächenbezeichnung, wenn sie sich von der in der App verwendeten Sprache unterscheidet. String Advanced
DisplayMode Bestimmt, ob die Schaltfläche Benutzereingaben (Bearbeiten) zulässt, nur Daten (Ansicht) anzeigt oder deaktiviert (deaktiviert). Enumeration Advanced
TabIndex Gibt die Reihenfolge an, in der die Schaltfläche ausgewählt wird, wenn der Benutzer mit der TAB-TASTE in der App navigiert. Integer Eigenschaften; Erweitert: TabIndex

Ausgabeeigenschaften

Ihre App kann weitere Eigenschaften verwenden, wenn ein Benutzer mit der Steuerung "Ansicht in MR" interagiert. Diese werden als Ausgabeeigenschaften bezeichnet. Sie können Ausgabeeigenschaften in anderen Steuerelementen verwenden oder die App-Oberfläche anpassen.

Eigentum Description Typ
Photos Sammelt die Fotos, die während der Mixed Reality-Sitzung aufgenommen wurden. Sie können die Mixed-Reality-Fotos auf OneDrive hochladen und in einer Galerie anzeigen. Nicht anwendbar

Andere Mixed Reality-Steuerelemente

Siehe auch