Comparteix a través de


Visualitzar contingut o imatges 3D en realitat mixta

Utilitzeu el control Visualitza-ho en MR per col·locar un model 3D d'un objecte o una imatge en un espai real. Per exemple, podeu obtenir una visualització prèvia d'un quadre en un mur abans de penjar-lo, o veure si una llibreria virtual 3D s'adaptarà on voleu que hi vagi.

I si no teniu un model 3D de l'objecte? Carregueu una imatge de l'objecte i definiu les seves dimensions en la mida de l'objecte. El control aplica la imatge com a cara d'un cub virtual de la mida desitjada. Col·loqueu aquest substitut per al model 3D a l'espai.

El control Visualitza-ho en MR afegeix un botó a l'aplicació. Quan un usuari selecciona el botó, l'aplicació superposa un model 3D (en formats de fitxer .glb, .stl o .obj) o d'imatge (en formats de fitxer .jpg o .png) seleccionat al canal de continguts de la càmera del dispositiu.

Foto d'una pantalla d'una tauleta que mostra un model 3D d'un carretó elevador superposat a la visualització interior d'un magatzem.

També podeu fer fotos amb el control Visualitza-ho en MR i carregar-les al OneDrive.

Important

El contingut en 3D ha de tenir els formats de fitxer .glb, .stl o .obj. Podeu convertir els models en 3D existents al format de fitxer .glb des d'una varietat de formats en 3D. El contingut en 3D comprimit amb la compressió Draco no està admès.

Suggeriment

  • Assegureu-vos que els models en 3D estiguin optimitzats per utilitzar-se amb el Power Apps per minimitzar els temps de càrrega.

  • Els controls de realitat mixta (MR) funcionen millor en entorns il·luminats i amb superfícies amb textura plana. El seguiment és millor als dispositius habilitats per a LIDAR.

  • Els controls MR del Power Apps utilitzen Babylon i Babylon React Native. A través d'aquesta plataforma MR compartida, el contingut en realitat mixta que funciona a l'espai aïllat de Babylon hauria de funcionar al Power Apps. Si el contingut funciona a Babylon, però no al Power Apps, feu una pregunta al Fòrum de la comunitat del Power Apps. (Etiqueteu-la amb "realitat mixta".)

Afegir un botó Visualitza-ho en MR a la pantalla d'una aplicació

Amb l'aplicació oberta per editar-la al Power Apps Studio:

  1. Obriu la pestanya Inserir i expandiu l'opció Realitat mixta.

  2. Seleccioneu Visualitza-ho en MR per situar el control a la pantalla de l'aplicació o arrossegueu el control a la pantalla per posicionar-lo amb més precisió.

El control és un botó que s'etiqueta amb una icona d'un cub i el text Visualitza-ho en MR. Canvieu l'etiqueta i amagueu la icona si us agrada a les propietats Text i Tipus de visualització.

Captura de pantalla de la pestanya Insereix al Power Apps Studio, on es mostra on es troba el control Visualitza-ho en MR.

Visualitzar diferents models en una única sessió

El control Visualitza-ho en MR mostra per defecte un fitxer multimèdia. Per visualitzar diferents fitxers multimèdia seleccionats a través d'una galeria multimèdia durant l'experiència d'MR, utilitzeu la propietat avançada Items del control. Aquesta propietat crea una taula on s'enumeren els fitxers multimèdia que pot triar l'usuari a l'experiència de realitat mixta.

Quan utilitzeu la propietat Items, heu de definir un valor per a les següents propietats avançades addicionals per assignar les columnes de la taula:

Propietat Descripció
ItemsSource (obligatori) Especifica la columna d'Items que identifica el model o la imatge 3D per mostrar-la a la visualització de realitat mixta. Per obtenir més informació sobre com portar els models al Power Apps, vegeu Connectar els models 3D amb el Power Apps.
ItemsLabel Especifica la columna d'Items que conté l'etiqueta que es mostrarà a la galeria multimèdia. La propietat Alternative text s'utilitza per als elements que no tenen cap etiqueta especificada.
ItemsThumbnail Especifica la columna d'Items que identifica la miniatura que es mostrarà a la galeria multimèdia. Es proporciona una miniatura per defecte per als elements que no en tenen cap d'especificada.
ItemsObjectWidth, ItemsObjectHeight, ItemsObjectDepth Especifica una mida explícita per a cada element multimèdia de la taula. L'amplada de l'objecte, l'alçada de l'objecte i la profunditat de l'objecte s'utilitzen per als elements que no tenen una mida específica.

Per provar-la, hem de crear una galeria multimèdia que mostri tres plantes diferents en un entorn de sala. La nostra taula Items té aquest aspecte:

etiqueta origen miniatura
Birds of Paradise 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
Fiddle Leaf Fig 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
Small Palm Tree 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

Vídeo que mostra una galeria multimèdia d'una experiència de realitat mixta.

Amb l'aplicació oberta per editar-la al Power Apps Studio:

  1. Obriu la pestanya Inserir i expandiu l'opció Realitat mixta.

  2. Seleccioneu Visualitza-ho en MR per situar el control a la pantalla de l'aplicació o arrossegueu el control a la pantalla per posicionar-lo amb més precisió.

  3. A la pestanya de propietats avançades, seleccioneu la propietat Items i escriviu o enganxeu el codi següent:

    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. Definiu la propietat ItemsLabel en "label".

  5. Definiu la propietat ItemsSource en "source".

  6. Definiu la propietat ItemsThumbnail en "thumbnail".

    Captura de pantalla de les propietats de control de Visualitza-ho en MR.

Nota

La propietat Items es defineix com a font de dades que pot ser una col·lecció, des d'un connector, o una taula codificada, com en aquest exemple. Les propietats ItemsSource, ItemsLabel i ItemsThumbnail es defineixen amb els noms de columna de la font de dades entre cometes.

  1. Deseu i publiqueu l'aplicació i, a continuació, obriu-la al dispositiu mòbil per provar-la.

Com s'escalen els objectes si els torneu a canviar de mida

Si no especifiqueu dimensions quan col·loqueu un model, el control Visualitza-ho en MR segueix les dimensions proporcionades al fitxer d'objectes. Podeu canviar la mida del model introduint un valor diferent de 0 en una o diverses propietats de l'amplada, l'alçada i la profunditat del control (Amplada de l'objecte, Alçada de l'objecte i Profunditat de l'objecte). La manera d'escalar el model depèn del nombre de dimensions que canvieu.

  • Si totes les dimensions són 0 (valor per defecte), la mida del model es deixa com es defineix al fitxer d'objecte.

  • Si s'estableix una dimensió, el model s'escala igual a partir de la dimensió canviada, de manera similar a definir l'opció "Mantenir la relació d'aspecte" quan canvieu la mida d'una imatge.

  • Si es defineixen dues dimensions, el model s'ajusta a les dues dimensions proporcionades i es calcula la mitjana de les dues primeres.
    Per exemple, suposem que tenim un model de 12 m d'alçada, 6 m d'amplada i 3 m de profunditat. Podeu definir les propietats del control Visualitza-ho en MR de la manera següent: Alçada de l'objecte: 24, Amplada de l'objecte: 9, Profunditat de l'objecte: 0 (sense canvis). L'alçada augmenta en un factor de 2, i l'amplada augmenta en un factor d'1,5. S'obté la mitjana d'augment d'alçada i amplada per trobar el factor segons el qual s'ha d'augmentar la profunditat: 2 + 1,5 = 3,5 / 2 = 1,75. Les dimensions finals del model són Alçada de l'objecte 24, Amplada de l'objecte 9 i Profunditat de l'objecte 5,25 (3 x 1,75).

  • Si s'estableixen les tres dimensions, la mida del model es canvia per allò que heu especificat.

Nota

Si les mesures no s'adhereixen a la relació d'aspecte original, el model podria acabar esclafat o distorsionat en visualitzar-lo en MR.

Propietats

Canvieu el comportament i l'aspecte del botó Visualitza-ho en MR mitjançant les propietats. Algunes propietats només estan disponibles a la pestanya Opcions avançades.

Captura de pantalla d'un botó Visualitza en MR en construcció del Microsoft Power Apps Studio, juntament amb les seves propietats.

Propietat Descripció Type Ubicació
SMS Defineix el text de l'etiqueta del botó. String Propietats; Opcions avançades: Text
Text alternatiu Especifica el text que es visualitzarà si el model no es pot carregar o si l'usuari passa el cursor pel model. String Propietats; Opcions avançades: AltText
Tipus de visualització Determina si l'etiqueta del botó mostra una icona d'un cub, text o tots dos. Selecció de menú desplegable Propietats; Opcions avançades: DisplayType
Font Identifica la font de dades (fitxer .glb, .stl o .obj) que es mostrarà. No aplicable Propietats; Opcions avançades: Source
Llista d'orígens (Items) Font de dades (taula) en què es visualitzen diversos fitxers multimèdia en una única sessió de realitat mixta. Table Propietats; Opcions avançades: Items
Amplada de l'objecte Defineix l'amplada del model. Integer Propietats; Opcions avançades: ObjectWidth
Alçada de l'objecte Defineix l'alçada del model. Integer Propietats; Opcions avançades: ObjectHeight
Profunditat de l'objecte Defineix la profunditat del model. Integer Propietats; Opcions avançades: ObjectDepth
Unitat de mesura Defineix la unitat de mesura utilitzada per a l'amplada, alçada i profunditat del model. Llista Propietats; Opcions avançades: Units
Habilita les ombres Determina si s'utilitzen ombres per millorar l'efecte 3D en mostrar el model. Boolean Propietats; Opcions avançades: EnableShadows
Habilita la detecció de marcadors Determina si la detecció del marcador s'utilitzarà per determinar la posició i la rotació del model. Vegeu Utilitzar la detecció de marcadors amb controls de realitat mixta Boolean Propietats; Opcions avançades: EnableMarkerDetection
Visible Mostra o amaga el botó. Boolean Propietats; Opcions avançades: Visible
Posició Col·loca la part superior esquerra del botó de les coordenades de la pantalla especificades en x i y. Nombre de coma flotant Propietats; Opcions avançades: X, Y
Mida Determina la mida del botó amb els valors dels píxels proporcionats a Amplada i Alçada. Integer Propietats; Opcions avançades: Width, Height
Espaiat superior Defineix la distància entre el text de l'etiqueta del botó i la part superior del botó. Nombre de coma flotant Propietats; Opcions avançades: PaddingTop
Espaiat inferior Defineix la distància entre el text de l'etiqueta del botó i la part inferior del botó. Nombre de coma flotant Propietats; Opcions avançades: PaddingBottom
Espaiat a l'esquerra Defineix la distància entre el text de l'etiqueta del botó i la vora esquerra del botó. Nombre de coma flotant Propietats; Opcions avançades: PaddingLeft
Espaiat a la dreta Defineix la distància entre el text de l'etiqueta del botó i la vora dreta del botó. Nombre de coma flotant Propietats; Opcions avançades: PaddingRight
Lletra Defineix el nom de la família de tipus de lletra utilitzats per al text de les etiquetes del botó. Llista Propietats; Opcions avançades: Font
Mida de la lletra Defineix la mida del text de l'etiqueta del botó. Nombre de coma flotant Propietats; Opcions avançades: FontSize
Gruix del tipus de lletra Defineix el gruix del text de l'etiqueta del botó: Bold (Negreta), Lighter (Fi), Normal o Semibold (Seminegreta). Llista Propietats; Opcions avançades: FontWeight
Alineació del text Defineix l'alineació horitzontal del text de l'etiqueta al botó, ja sigui Centre, Justifica, Esquerra o Dreta. No aplicable Propietats; Opcions avançades: TextAlignment
Alineació vertical Defineix l'alineació vertical del text de les etiquetes al botó, ja sigui Inferior, Mitjà o Superior. Llista Propietats; Opcions avançades: VerticalAlign
Estil del tipus de lletra Defineix l'estil del text de l'etiqueta del botó, ja sigui Cursiva, Subratllat, Ratllat o cap. No aplicable Propietats; Opcions avançades: Cursiva, Subratllat, Ratllat
Radi de la vora Determina el radi de la cantonada de la vora del botó. Nombre de coma flotant Propietats; Opcions avançades: BorderRadius
Color Defineix els colors del text de l'etiqueta del botó i el fons del botó. No aplicable Propietats; Opcions avançades: FillColor, TextColor
Vora Determina l'estil, l'amplada i el color de la vora del botó. No aplicable Propietats; Opcions avançades: BorderStyle, BorderThickness, BorderFillColor
Inhabilitada Desactiva el botó però el deixa visible. Boolean Propietats; Opcions avançades: Disabled
Color inhabilitat Defineix els colors del text de l'etiqueta del botó, el fons del botó i la vora del botó si DisplayMode està inhabilitat. No aplicable Propietats; Opcions avançades: DisabledContentColor, DisabledFillColor, DisabledBorderColor
Color en prémer Defineix els colors del text de l'etiqueta del botó, el fons del botó i la vora del botó quan l'usuari selecciona el botó. No aplicable Propietats; Opcions avançades: PressedContentColor, PressedFillColor, PressedBorderColor
Color en passar el punter per damunt Defineix els colors del text de l'etiqueta del botó, el fons del botó i la vora del botó quan l'usuari passa el punter del ratolí per sobre. No aplicable Propietats; Opcions avançades: HoverContentColor, HoverFillColor, HoverBorderColor
OnMixedRealitySelect Comportament que s'activa quan l'usuari selecciona el botó per iniciar-se a l'experiència de realitat mixta. Acció definida Avançada
OnChange Comportament que es desencadena quan es canvia una propietat del botó. Acció definida Avançada
Indicador de funció Determina el text que es visualitzarà quan l'usuari passi el cursor per sobre del botó. String Avançada
ContentLanguage Determina la llengua de visualització de l'etiqueta del botó, si és diferent de la llengua utilitzada a l'aplicació. String Avançada
DisplayMode Determina si el botó permet l'entrada de l'usuari (Edita), només mostra les dades (Visualitza) o està inhabilitada (Inhabilitat). Enumeració Avançada
Índex de pestanyes Especifica l'ordre en què se selecciona el botó si l'usuari navega per l'aplicació utilitzant la tecla de tabulació. Integer Propietats; Propietats avançades: TabIndex

Propietats de sortida

L'aplicació pot utilitzar més propietats quan un usuari interactuï amb el control Visualitza-ho en MR. Aquestes propietats es coneixen com a propietats de sortida. Podeu utilitzar aquestes propietats de sortida en altres controls o personalitzar l'experiència de l'aplicació.

Propietat Descripció Type
Fotos Recull les fotos capturades durant la sessió de realitat mixta. Podeu carregar les fotos de realitat mixta a OneDrive i mostrar-les en una galeria. No aplicable

Altres controls de realitat mixta

Consulteu també

Nota

Ens podeu dir quines són les vostres preferències d'idioma per a la documentació? Responeu una breu enquesta. (tingueu en compte que l'idioma de l'enquesta és l'anglès)

Trigareu uns set minuts a completar l'enquesta. No es recopilen dades personals (declaració de privadesa).