Visualitzar contingut o imatges en 3D en el món real

Pots utilitzar el control Visualitza en l'IM de l'aplicació per permetre que els usuaris vegin com pot encaixar un element concret en un espai especificat.

El control crea un botó a l'aplicació. Quan els usuaris de l'aplicació fan clic al botó, 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 en directe del dispositiu.

Fotografia que mostra un model 3D d'un carretó elevador que està superposat al món real a través d'un dispositiu mòbil.

També podeu fer fotos 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

Si el model té una mida de fitxer gran, podria afectar negativament la vostra experiència. Penseu en optimitzar els vostres models per al seu ús en realitat mixta.

Suggeriment

Els controls MR funcionen millor en ambients ben il·luminats amb superfícies de textura plana. Quan s'estableix el seguiment, apunteu el dispositiu a la superfície de la qual voleu fer el seguiment i desplaceu el dispositiu lentament de dreta a esquerra amb moviments amplis del braç. Si no es pot fer el seguiment, sortiu de la visualització de realitat mixta i torneu-hi a entrar per reinicialitzar el seguiment i tornar-ho a provar.

Els dispositius habilitats per a LIDAR també permetran fer un millor seguiment.

Suggeriment

El MR controla a Power Apps Babylon i Babylon React Native. Com a resultat d'aquesta plataforma MR compartida, el contingut en 3D que funciona a l'espai aïllat de Babylon hauria de funcionar al Power Apps.

Utilitza el control

Inseriu el control a l'aplicació com ho faríeu normalment per a qualsevol altre control o control de botó.

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

  1. Obre la pestanya Insereix.

  2. Amplieu Realitat mixta.

  3. Seleccioneu el control Visualitza a l'MR per col·locar-lo al centre de la pantalla de l'aplicació o arrossegueu-lo i deixeu-lo anar per col·locar-lo en qualsevol lloc de la pantalla.

    Inseriu la visualització al control MR a l'aplicació.

Podeu modificar el control amb diverses propietats.

Propietats

Les propietats següents es troben a la subfinestra Visualització del control a la subfinestra DRA a les pestanyes Propietats i Avançats.

Propietats a la subfinestra Visualitza a l'MR

Algunes de les propietats només estan disponibles a Més opcions a la pestanya Avançat de la subfinestra Visualització en MR.

Propietat Descripció Type Location
Text Etiqueta per al botó. String Propietats (també a Opcions avançades)
Text alternatiu Text que es mostrarà si el control no es pot carregar o si l'usuari de l'aplicació passa el cursor per sobre del control. String Propietats (també a Avançat com a AltText)
Tipus de visualització Si el botó mostra només una icona, text o tots dos. Selecció de menú desplegable Propietats (també a Opcions avançades)
Font Font de dades que identifica el fitxer .glb, .stl o .obj que es mostrarà. El control Visualitza en MR admet models de càrrega des de:
  • Adreces URL accessibles públicament compatible amb CORS.
  • URI codificats en base64.
  • Fitxers adjunts o contingut multimèdia al qual s'accedeix a través de connectors de dades.

Per obtenir més informació, vegeu com es defineix on s'emmagatzema el contingut en 3D.
No aplicable Propietats (també a Opcions avançades)
Amplada de l'objecte Amplada del contingut en 3D o la imatge que es mostra. Vegeu també Com es gestiona l'escalat d'objectes. Integer Propietats (també a Opcions avançades)
Alçada de l'objecte Alçada del contingut en 3D o la imatge que es mostra. Vegeu també Com es gestiona l'escalat d'objectes. Integer Propietats (també a Opcions avançades)
Profunditat de l'objecte La profunditat tridimensional del contingut en 3D. Vegeu també Com es gestiona l'escalat d'objectes. Integer Propietats (també a Opcions avançades)
Unitats La unitat utilitzada per als camps d'amplada, alçada i profunditat de l'objecte. Selecció de menú desplegable Propietats (també a Opcions avançades)
Fotos 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 (només propietat de sortida)
OnMixedRealitySelect Comportament que es desencadena quan sortiu de l'experiència MR amb resultats nous. Acció definida Avançada
OnChange Comportament que es desencadena quan es canvia una propietat del botó. Acció definida Avançada

Com es gestiona l'escalat d'objectes

Quan inseriu un model amb el control Visualitza en MR, seguirà les dimensions inherents al model. O bé, podeu especificar algunes o totes les dimensions; aquestes dimensions estan etiquetades com Object width, Object height i Object depth.

Si voleu canviar la mida del model, apliquem certes tècniques d'escalat en funció de quantes dimensions canvieu:

  • Si no s'estableix cap dimensió, assumim que el model ja està en la seva escala prevista i el deixem com està.

  • Si s'estableix una dimensió i les altres es deixen en el valor per defecte "0", escalem tot l'objecte per igual basant-nos en la dimensió fixa.
    Aquest comportament és similar a l'ús d'un paràmetre com ara "Mantén la relació d'aspecte" en canviar la mida d'una imatge.

  • Si s'estableixen dues dimensions, obliguem el model a ajustar-se a les dimensions proporcionades i es calcula la mitjana de l'escala per a la tercera dimensió.

    • Per exemple, suposem que teniu un model amb una Alçada de l'objecte de 12, una Amplada de l'objecte de 6 i una Profunditat de l'objecte de 3.
      Definiu l'Alçada de l'objecte a 24 i l'Amplada de l'objecte a 9, però deixeu la Profunditat de l'objecte sense canviar.
      L'alçada ha augmentat en un factor de 2, però l'amplada ha augmentat en un factor d'1,5; calculem una mitjana d'aquestes dues mesures per arribar a 1,75 i després escalem la profunditat en aquesta quantitat.
      El model escalat final tindria una Alçada de l'objecte de 24, una Amplada de l'objecte de 9 i una Profunditat de l'objecte de 5.25.
  • Si s'estableixen les tres dimensions, farem coincidir la mida del model allò que especifiqueu.

Nota

Si les mesures no s'adhereixen a la relació d'aspecte original, podríeu acabar amb un model esclafat o distorsionat en visualitzar-lo en RM.

Propietats addicionals

BorderColor: el color de la vora d'un control.

BorderStyle: si la vora d'un control és Sòlid, Amb guions, Amb punts o Cap.

BorderThickness: el gruix de la vora d'un control.

Color: el color del text d'un control.

DisplayMode: si el control permet l'entrada de l'usuari (Edita), només mostra les dades (Visualitza) o està inhabilitada (Inhabilitat).

DisabledBorderColor: el color de la vora d'un control si la propietat DisplayMode del control està definida com a Inhabilitat.

DisabledColor: el color del text d'un control si la propietat DisplayMode està definida com a Inhabilitat.

DisabledFill: el color de fons d'un control si la propietat DisplayMode està definida com a Inhabilitat.

FillColor: el color de fons d'un control.

Font: el nom de la família del tipus de lletra en què es mostra el text.

FontStyle : L'estil del text en el control: Cap, Ratllat, Subratllat, o Cursiva.

FontSize: la mida de la lletra del text que apareix en un control.

FontWeight: el gruix del text en un control: Negreta, Seminegreta, Normal o Fi.

Height: la distància entre les vores superior i inferior d'un control.

HoverBorderColor: el color de la vora d'un control quan l'usuari manté el punter del ratolí sobre el control.

HoverColor: el color del text d'un control quan l'usuari hi manté el punter del ratolí sobre.

HoverFill: el color de fons d'un control quan l'usuari hi manté el punter del ratolí sobre.

PaddingBottom: la distància entre el text d'un control i la vora inferior del control.

PaddingLeft: la distància entre el text d'un control i la vora esquerra del control.

PaddingRight: la distància entre el text d'un control i la vora dreta del control.

PaddingTop: la distància entre el text d'un control i la vora superior del control.

PressedBorderColor: el color de la vora d'un control quan l'usuari toca el control o hi fa clic.

PressedColor: el color de text d'un control quan l'usuari toca el control o hi fa clic.

PressedFill: el color de fons d'un control quan l'usuari toca el control o hi fa clic.

TabIndex: ordre de navegació del teclat.

TextAlignment: l'alineació del text: Centrat, A l'esquerra, A la dreta o Justifica.

Tooltip: text explicatiu que apareix quan l'usuari es desplaça per sobre d'un control.

VerticalAlign: ubicació del text sobre un control en relació amb el centre vertical del control: Centre, Superior o Inferior.

Visible: si es mostra o s'amaga un control.

Width: la distància entre les vores esquerra i dreta d'un control.

X: la distància entre la vora esquerra d'un control i la vora esquerra del seu contenidor principal (o la pantalla si no hi ha cap contenidor principal).

Y: la distància entre la vora superior d'un control i la vora superior del seu contenidor principal (o la pantalla si no hi ha cap contenidor principal).

Altres controls de realitat mixta

Consulteu també

Crea una app amb controls de realitat 3D i mixta