Udostępnij przez


Wyświetlanie zawartości lub obrazów 3D w rzeczywistości mieszanej

Użyj kontrolki Widok w MR, aby umieścić model 3D obiektu lub obrazu w przestrzeni rzeczywistej. Na przykład obejrzyj, jak obraz będzie wyglądał na ścianie przed jego powieszeniem, lub sprawdź, czy wirtualny regał 3D zmieści się w miejscu, w którym zamierzasz go umieścić.

Co zrobić, jeśli nie masz modelu 3D obiektu? Załaduj obraz obiektu i ustaw jego wymiary na rozmiar obiektu. Kontrolka stosuje obraz jako wizerunek wirtualnego modułu o żądanym rozmiarze. Umieść ten zastępczy element dla modelu 3D w twojej przestrzeni.

Kontrolka Widok w MR dodaje przycisk do Twojej aplikacji. Gdy użytkownik wybierze przycisk, aplikacja nakłada wybrany model 3D (w formatach plików glb, stl lub obj) lub obraz (w formatach plików jpg lub png) na wizję z kamery urządzenia.

Zdjęcie ekranu tabletu, który pokazuje model 3D wózka widłowego nakładanego na widok wnętrza magazynu.

Możesz również robić zdjęcia przy użyciu kontrolki Widok w narzędziu MR i przekazywać je do usługi OneDrive.

Ważne

Zawartość 3D musi znajdować się w formatach plików glb, stl lub .obj. Istniejące modele 3D można przekonwertować na format pliku glb z różnych formatów 3D. Zawartość 3D skompresowana za pomocą kompresji Draco nie jest obsługiwana.

Napiwek

  • Upewnij się, że modele 3D są zoptymalizowane pod kątem użycia z usługą Power Apps , aby zminimalizować czas ładowania.

  • Kontrolki rzeczywistości mieszanej (MR) działają najlepiej w dobrze oświetlonych środowiskach z powierzchniami o płaskiej teksturze. Śledzenie jest lepsze na urządzeniach z obsługą LIDAR.

  • Kontrolki rzeczywistości mieszanej w Power Apps używają rozwiązań Babylon i Babylon React Native. Zawartość rzeczywistości mieszanej, która działa w piaskownicy Babylon powinna działać w Power Apps za pośrednictwem tej udostępnionej platformy rzeczywistości mieszanej. Jeśli zawartość działa w Babilonie, ale nie w usłudze Power Apps, zadaj pytanie na forum społeczności usługi Power Apps. (Oznacz ją jako "rzeczywistość mieszana").

Dodawanie przycisku Wyświetl w narzędziu MR do ekranu aplikacji

Po otwarciu aplikacji do edycji w programie Power Apps Studio:

  1. Otwórz kartę Wstaw i rozwiń sekcję Rzeczywistość mieszana.

  2. Wybierz Widok w MR, aby umieścić kontrolkę na ekranie aplikacji, lub przeciągnij kontrolkę na ekran, aby ustawić ją dokładniej.

Kontrolka jest przyciskiem oznaczonym ikoną sześcianu i tekstem Zobacz w MR. Zmień etykietę i ukryj ikonę, jeśli chcesz w właściwościach Tekst i Typ wyświetlania .

Zrzut ekranu przedstawiający kartę Wstawianie w programie Power Apps Studio, pokazujący, gdzie można znaleźć kontrolkę Wyświetl w rzeczywistości mieszanej.

Wyświetlanie różnych modeli w jednej sesji

Widok w kontrolce MR domyślnie wyświetla jeden plik multimedialny. Aby wyświetlić różne pliki multimedialne wybrane za pośrednictwem galerii multimediów podczas korzystania z funkcji MR, użyj właściwości zaawansowanej Items kontrolki. Ta właściwość tworzy tabelę zawierającą pliki multimedialne, które użytkownik może wybrać w środowisku rzeczywistości mieszanej.

Jeśli używasz właściwości Items , musisz ustawić wartość dla następujących dodatkowych właściwości zaawansowanych, aby zamapować kolumny tabeli:

Majątek Description
ItemsSource (wymagane) Określa, która kolumna w obszarze Elementy identyfikuje model 3D lub obraz do pokazania w widoku rzeczywistości mieszanej. Zobacz Connect 3D models to Power Apps (Łączenie modeli 3D z usługą Power Apps ), aby dowiedzieć się więcej na temat uwzględnienia modeli w usłudze Power Apps.
EtykietaElementów Określa, która kolumna w obszarze Elementy zawiera etykietę, która ma być wyświetlana w galerii multimediów. Właściwość Tekst alternatywny jest używana dla elementów, które nie mają określonej etykiety.
ItemsThumbnail Określa, która kolumna w obszarze Elementy identyfikuje miniaturę do wyświetlenia w galerii multimediów. Domyślna miniatura jest udostępniana dla elementów, które nie mają określonej miniatury.
SzerokośćObiektuElementu, WysokośćObiektuElementu, GłębokośćObiektuElementu Określa jawny rozmiar każdego elementu nośnika w tabeli. Szerokość obiektu, wysokość obiektu i głębokość obiektu są używane dla elementów, które nie mają określonego rozmiaru.

Aby to przetestować, utwórzmy galerię multimediów, która pokazuje trzy różne rośliny w pomieszczeniu. Nasza tabela Items wygląda następująco:

etykieta przesłać źródło miniatura
Ptaki Raju 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
Skrzypce Rys. Liść 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
Małe drzewo palmowe 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

Wideo przedstawiające galerię multimediów w środowisku rzeczywistości mieszanej.

Po otwarciu aplikacji do edycji w programie Power Apps Studio:

  1. Otwórz kartę Wstaw i rozwiń sekcję Rzeczywistość mieszana.

  2. Wybierz Widok w MR, aby umieścić kontrolkę na ekranie aplikacji, lub przeciągnij kontrolkę na ekran, aby ustawić ją dokładniej.

  3. Na karcie Właściwości zaawansowane wybierz właściwość Items i wpisz lub wklej następujący kod:

    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. Ustaw właściwość ItemsLabel na "label".

  5. Ustaw właściwość ItemsSource na "source".

  6. Ustaw właściwość ItemsThumbnail na "thumbnail".

    Zrzut ekranu przedstawiający widok we właściwościach kontrolki MR.

Uwaga / Notatka

Właściwość Items jest ustawiona na źródło danych, które może być kolekcją, łącznikiem lub zakodowaną tabelą, taką jak w tym przykładzie. Właściwości ItemsSource, ItemsLabel i ItemsThumbnail są ustawiane na nazwy kolumn tego źródła danych w cudzysłowie.

  1. Zapisz i opublikuj aplikację, a następnie otwórz ją na urządzeniu przenośnym, aby ją wypróbować.

Jak obiekty są skalowane w przypadku zmiany ich rozmiaru

Jeśli podczas umieszczania modelu nie określisz rozmiarów, kontrolka Wyświetl w MR będzie wyświetlała rozmiary podane w pliku obiektów. Rozmiar modelu można zmienić, wprowadzając wartość inną niż 0 w co najmniej jednej właściwości szerokości, wysokości i głębokości kontrolki (szerokość obiektu, wysokość obiektu i głębokość obiektu). Sposób skalowania modelu zależy od liczby zmienianych wymiarów.

  • Jeśli wszystkie wymiary mają wartość 0 (wartość domyślna), rozmiar modelu pozostanie ustawiony w pliku obiektu.

  • Jeśli jeden wymiar jest ustawiony, model jest skalowany równomiernie na podstawie zmienionego wymiaru, podobnie jak ustawienie "zachowaj współczynnik proporcji" podczas zmiany rozmiaru obrazu.

  • Jeśli ustawiono dwa wymiary, model jest skalowany do dwóch podanych wymiarów i uwzględnia średnią tych dwóch.
    Załóżmy na przykład, że masz model o wysokości 12 m, szerokość 6 m i 3 m głębokości. Ustaw widok we właściwościach kontrolki MR w następujący sposób: Wysokość obiektu: 24, Szerokość obiektu: 9, Głębokość obiektu: 0 (bez zmian). Wysokość zwiększa się o współczynnik 2, a szerokość zwiększa się o współczynnik 1,5. Wzrost wysokości i szerokości jest średni, aby znaleźć współczynnik, przy którym głębokość powinna zostać zwiększona: 2 + 1,5 = 3,5 / 2 = 1,75. Końcowe wymiary modelu to Wysokość obiektu 24, Szerokość obiektu 9 i Głębokość obiektu 5.25 (3 x 1.75).

  • Jeśli ustawiono wszystkie trzy wymiary, rozmiar modelu zostanie zmieniony na określony.

Uwaga / Notatka

Jeśli miary nie będą zgodne z oryginalnym współczynnikiem proporcji, model może zostać zgnieciony lub zniekształcony, gdy będzie on oglądany w programie rzeczywistości mieszanej.

Właściwości

Zmodyfikuj działanie i wygląd przycisku Wyświetl w MR za pomocą właściwości. Niektóre właściwości są dostępne tylko na karcie Zaawansowane .

Zrzut ekranu przedstawiający przycisk Widok w MR będący w budowie w programie Microsoft Power Apps Studio, widoczny razem z jego właściwościami.

Majątek Description Typ Lokalizacja
Tekst Ustawia tekst etykiety dla przycisku. Sznurek Właściwości; Zaawansowane: tekst
Tekst alternatywny Określa tekst, który ma być wyświetlany, jeśli model nie może załadować lub jeśli użytkownik umieści wskaźnik myszy na modelu. Sznurek Właściwości; Zaawansowane: AltText
Typ wyświetlania Określa, czy etykieta przycisku wyświetla ikonę sześcianu, tekst lub oba te elementy. Wybór listy rozwijanej Właściwości; Zaawansowane: DisplayType
Źródło Identyfikuje źródło danych (plik glb, stl lub .obj), które ma być wyświetlane. Nie dotyczy Właściwości; Zaawansowane: źródło
Lista źródeł (elementy) Źródło danych (tabela), które wyświetla wiele plików multimedialnych w jednej sesji rzeczywistości mieszanej. Tabela Właściwości; Zaawansowane: Elementy
Szerokość obiektu Ustawia szerokość modelu. Integer Właściwości; Zaawansowane: ObjectWidth
Wysokość obiektu Ustawia wysokość modelu. Integer Właściwości; Zaawansowane: ObjectHeight
Głębokość obiektu Ustawia głębokość modelu. Integer Właściwości; Zaawansowane: ObjectDepth
Jednostka miary Ustawia jednostkę miary używaną dla szerokości, wysokości i głębokości modelu. List Właściwości; Zaawansowane: jednostki
Włącz cienie Określa, czy cienie są używane do zwiększenia efektu 3D, gdy model jest wyświetlany. logiczny Właściwości; Zaawansowane: EnableShadows
Włączanie wykrywania znaczników Określa, czy wykrywanie znaczników będzie używane do określania położenia i rotacji modelu. Zobacz Używanie wykrywania znaczników z kontrolkami Mixed Reality logiczny Właściwości; Zaawansowane: EnableMarkerDetection
Widoczny Wyświetla lub ukrywa przycisk. logiczny Właściwości; Zaawansowane: widoczne
Position Umieszcza lewy górny róg przycisku na współrzędnych ekranu określonych w x i y. Liczba zmiennoprzecinkowa Właściwości; Zaawansowane: X, Y
Rozmiar Określa rozmiar przycisku przy użyciu wartości pikseli podanych w obszarze Szerokość i Wysokość. Integer Właściwości; Zaawansowane: szerokość, wysokość
Dopełnienie u góry Ustawia odległość między tekstem etykiety przycisku a górną częścią przycisku. Liczba zmiennoprzecinkowa Właściwości, zaawansowane: PaddingTop
Dopełnienie u dołu Ustawia odległość między tekstem etykiety przycisku a dolną częścią przycisku. Liczba zmiennoprzecinkowa Właściwości; Zaawansowane: PaddingDolny
Dopełnienie z lewej Ustawia odległość między tekstem etykiety przycisku a lewą krawędzią przycisku. Liczba zmiennoprzecinkowa Właściwości; Zaawansowane: PaddingLeft
Dopełnienie z prawej Ustawia odległość między tekstem etykiety przycisku a prawą krawędzią przycisku. Liczba zmiennoprzecinkowa Właściwości; Zaawansowane: PaddingRight
Krój pisma Ustawia nazwę rodziny czcionek używanych dla tekstu etykiety przycisku. List Właściwości; Zaawansowane: czcionka
Rozmiar czcionki Ustawia rozmiar tekstu etykiety przycisku. Liczba zmiennoprzecinkowa Właściwości; Zaawansowane: FontSize
Grubość czcionki Ustawia wagę tekstu etykiety przycisku, pogrubioną, lżejszą, normalną lub semibold. List Właściwości; Zaawansowane: FontWeight
Wyrównanie tekstu Ustawia poziome wyrównanie tekstu etykiety na przycisku: Wyśrodkowany, Wyjustowany, Po lewej lub Po prawej. Nie dotyczy Właściwości; Zaawansowane: TextAlignment
Vertical alignment Ustawia pionowe wyrównanie tekstu etykiety w przycisku: dolne, środkowe lub górne. List Właściwości; Zaawansowane: VerticalAlign
Styl czcionki Ustawia styl tekstu etykiety przycisku: Kursywa, Podkreślenie, Przekreślenie lub brak. Nie dotyczy Właściwości; Zaawansowane: kursywa, podkreślenie, przekreślenie
Promień obramowania Określa promień rogu obramowania przycisku. Liczba zmiennoprzecinkowa Właściwości; Zaawansowane: BorderRadius
Kolor Ustawia kolory tekstu etykiety przycisku i tło przycisku. Nie dotyczy Właściwości; Zaawansowane: FillColor, TextColor
Obramowanie Określa styl, szerokość i kolor obramowania przycisku. Nie dotyczy Właściwości; Zaawansowane: BorderStyle, BorderThickness, BorderFillColor
Disabled Wyłącza przycisk, ale pozostawia go widoczny. logiczny Właściwości; Zaawansowane: wyłączone
Wyłączony kolor Ustawia kolory tekstu etykiety przycisku, tło przycisku i obramowanie przycisku, jeśli właściwość DisplayMode jest wyłączona. Nie dotyczy Właściwości, zaawansowane: DisabledContentColor, DisabledFillColor, DisabledBorderColor
Kolor po naciśnięciu Ustawia kolory tekstu etykiety przycisku, tło przycisku i obramowanie przycisku, gdy użytkownik wybierze przycisk. Nie dotyczy Właściwości; Zaawansowane: PressedContentColor, PressedFillColor, PressedBorderColor
Kolor najazdu kursora Ustawia kolory tekstu etykiety przycisku, tło przycisku i obramowanie przycisku, gdy użytkownik najecha kursorem myszy na niego. Nie dotyczy Właściwości; Zaawansowane: HoverContentColor, HoverFillColor, HoverBorderColor
OnMixedRealitySelect Zachowanie wyzwalane, gdy użytkownik wybierze przycisk, aby uruchomić środowisko rzeczywistości mieszanej. Zdefiniowana akcja Zaawansowany
OnChange Zachowanie wyzwalane po zmianie dowolnej właściwości przycisku. Zdefiniowana akcja Zaawansowany
Etykietka narzędzia Określa tekst, który ma być wyświetlany, gdy użytkownik umieści wskaźnik myszy na przycisku. Sznurek Zaawansowany
JęzykTreści Określa język wyświetlania etykiety przycisku, jeśli różni się on od języka używanego w aplikacji. Sznurek Zaawansowany
Tryb wyświetlania Określa, czy przycisk zezwala na wprowadzanie danych przez użytkownika (Edycja), wyświetla tylko dane (Widok), czy jest wyłączony (wyłączone). Wyliczenie Zaawansowany
TabIndex Określa kolejność wybierania przycisku, jeśli użytkownik nawiguje po aplikacji przy użyciu Tab. Integer Właściwości; Zaawansowane: TabIndex

Właściwości danych wyjściowych

Aplikacja może korzystać z większej liczby właściwości, gdy użytkownik wchodzi w interakcję z kontrolką Widok w trybie MR. Są one nazywane właściwościami wyjściowymi. Właściwości wyjściowych można użyć w innych kontrolkach lub do dostosowania środowiska aplikacji.

Majątek Description Typ
Photos Zbiera zdjęcia przechwycone podczas sesji rzeczywistości mieszanej. Zdjęcia rzeczywistości mieszanej można przekazać do usługi OneDrive i pokazać je w galerii. Nie dotyczy

Inne kontrolki rzeczywistości mieszanej

  • Wyświetlanie zawartości 3D za pomocą kontrolki obiektu 3D .
  • Zmierz odległości, obszaru i ilości przy użyciu kontrolki Measure in mixed reality.
  • Tworzenie i wyświetlanie wstępnie zdefiniowanych kształtów 3D przy użyciu kontrolki View shape in mixed reality
  • Maluj linie 3D lub rysuj strzałki 3D, aby określić obszar lub zasób w środowisku za pomocą kontrolki Markup w kontrolce MR.

Zobacz także