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.
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:
Obriu la pestanya Inserir i expandiu l'opció Realitat mixta.
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ó.
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:
Amb l'aplicació oberta per editar-la al Power Apps Studio:
Obriu la pestanya Inserir i expandiu l'opció Realitat mixta.
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ó.
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" } )
Definiu la propietat ItemsLabel en
"label"
.Definiu la propietat ItemsSource en
"source"
.Definiu la propietat ItemsThumbnail en
"thumbnail"
.
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.
- 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.
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
- Visualitzeu contingut en 3D amb el control Objecte 3D.
- Mesureu la distància, l'àrea i el volum amb el control Mesura en realitat mixta.
- Creeu i visualitzeu formes en 3D predefinides amb el control Visualitza la forma en realitat mixta.
- Pinteu línies 3D o dibuixeu fletxes 3D per especificar una àrea o un actiu del vostre entorn amb el control Marcatge en MR.
Consulteu també
- Crear una aplicació amb controls 3D i de mixed reality
- Utilitzar la detecció de marcadors amb controls de realitat mixta
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).
Comentaris
https://aka.ms/ContentUserFeedback.
Properament: al llarg del 2024 eliminarem gradualment GitHub Issues com a mecanisme de retroalimentació del contingut i el substituirem per un nou sistema de retroalimentació. Per obtenir més informació, consulteu:Envieu i consulteu els comentaris de