Comparteix a través de

Crear una aplicació amb controls 3D i de mixed reality

  • Article

Podeu utilitzar els controls d'objecte 3D i de Visualització en MR per veure elements en 3D o per veure com podria encaixar un element determinat dins d'un espai especificat.

En aquest article, aprendreu a utilitzar els controls de 3D i de realitat mixta de Power Apps.

Mireu aquest vídeo per aprendre a crear aplicacions mòbils amb el control Visualitza en MR:

Requisits previs

Vegeu els requisits previs per als dispositius compatibles.

Crear una aplicació mitjançant el control Visualitza-ho en MR

El control Visualitza-ho en MR crea un botó a l'aplicació. Quan els usuaris de l'aplicació selecciona el botó, superposa un model en 3D seleccionat (en el format de fitxer .glb) o una imatge (en els formats de fitxer .jpg o .png) al canal de càmera en directe del dispositiu.

Suggeriment

També podeu fer fotos i carregar-les al OneDrive.

En aquesta secció, crearem una pantalla en una aplicació que permetrà a l'usuari visualitzar l'element seleccionat a la realitat mixta, mitjançant el control Visualitza-ho en MR.

  1. Obrir com una aplicació a Power Apps Studio.

  2. Seleccioneu la propietat OnStart de l'aplicació, copia i enganxa el següent:

    ClearCollect(
    col3dObjects,
    {
        ObjectName: "Forklift",
        ObjectURL: "https://raw.githubusercontent.com/microsoft/experimental-pcf-control-assets/master/forklift.glb"
    },
    {
        ObjectName: "HVAC",
        ObjectURL: "https://raw.githubusercontent.com/microsoft/experimental-pcf-control-assets/master/hvac.glb"
    },
    {
        ObjectName: "Machine",
        ObjectURL: "https://raw.githubusercontent.com/microsoft/experimental-pcf-control-assets/master/machine.glb"
    },
    {
        ObjectName: "Pallet w/ Boxes",
        ObjectURL: "https://raw.githubusercontent.com/microsoft/experimental-pcf-control-assets/master/pallet_with_boxes.glb"
    },
    {
        ObjectName: "Robot Arm",
        ObjectURL: "https://raw.githubusercontent.com/microsoft/experimental-pcf-control-assets/master/robot_arm.glb"
    }
)

    La propietat de l'aplicació OnStart amb la fórmula s'actualitza com s'ha indicat al codi de mostra anterior.

    Aquesta fórmula crearà una col·lecció que contingui els noms i els enllaços dels objectes 3D que s'han de visualitzar en realitat mixta.

  3. Afegiu una Etiqueta de text a la pantalla arrossegant-la i deixant-la anar des de la pestanya Insereix.

  4. Col·loqueu l'etiqueta de text afegit a la part superior esquerra de la pantalla i modifiqueu-ne les propietats següents a la pestanya Propietats:

    Propietat Valor
    SMS "Visualitza-ho en MR"
    Mida de la lletra 24
    Gruix del tipus de lletra FontWeight.Semibold
    Alineació del text Align.Center
    Amplària 640

  5. A la pestanya Avançada, modifiqueu les propietats següents de l'etiqueta de text:

    Propietat Valor
    Color RGBA(255, 255, 255, 1)
    Emplena RGBA(56, 96, 178, 1)

    Amb aquest canvi, proporciona una capçalera per a la pantalla.

  6. Inseriu una galeria vertical en blanc des de la secció Disposició de la pestanya Insereix.

  7. Col·loqueu la galeria sota la capçalera "Visualitza-ho en MR" que heu afegit abans i expandiu-la per utilitzar la resta de la pantalla.

  8. Canvieu les propietats següents de la galeria:

    Propietat Valor
    Font de dades col3dObjects
    Mida de la plantilla 80
    X 0
    Y 92
    Amplària 640
    Alçada 1044

  9. Seleccioneu Editar galeria per editar la galeria.

    Edita la galeria amb MR.

  10. Introduïu una etiqueta de text a la galeria.

  11. Canvieu les propietats següents de l'etiqueta de text afegit:

    Propietat Valor
    SMS ThisItem.ObjectName
    X 10
    Y 5
    Amplària 540

  12. Torneu a editar la galeria.

  13. Des de la secció Realitat mixta de la pestanya Insereix, arrossegueu i deixeu anar el control Visualitza-ho en MR a la galeria.

  14. Canvia les propietats següents del control Visualitza-ho en MR.

Propietat Valor
SMS "Visualitza-ho en MR"
Tipus de visualització Icon
Font ThisItem.ObjectURL
X Parent.TemplateWidth - Self.Width - 5
Y 5
Amplària 70

Aquest canvi proporcionarà una galeria que té una llista d'objectes en 3D i un botó per prémer perquè l'usuari visualitzi aquests objectes a la realitat mixta.

Proveu el control de realitat mixta

Ara que tots els controls s'han afegit, deseu i publiqueu l'aplicació. Obriu l'aplicació en un dispositiu amb funcionalitats de realitat mixta i, a continuació, premeu el botó que correspon a l'objecte que voleu visualitzar. S'obrirà l'experiènciaVisualitza-ho en MR.

Visualitza-ho en MR.

Seguiu les instruccions que s'indiquen a la pantalla per canviar el dispositiu de manera lenta desplaçant-lo a l'esquerra i a la dreta mentre s'assenyala la càmera d'una pantalla, que es mesurarà. Un cop completat el calibratge, veureu una matriu de punts a la superfície i un cercle a prop del centre de la pantalla. Aquest cercle mostra on es pot col·locar inicialment l'objecte 3D. Un cop col·locat el cub, es pot desplaçar o girar mitjançant controls tàctils.

Per desplaçar l'objecte, premeu-lo i feu-lo lliscar fins a la ubicació on voleu que es quedi. Per girar l'objecte, premeu un dit a la pantalla i, a continuació, passeu un altre dit cap a la dreta o l'esquerra.

Utilitzeu el botó Enrere de la cantonada superior esquerra per tornar a la pantalla de l'aplicació i seleccionar un altre objecte. Repetiu aquest procés segons calgui per visualitzar cadascun dels objectes.

Crear un control d'objecte 3D per a una aplicació

El control d'objectes 3D us permet visualitzar un element en 3D a l'interior de Power Apps. Quan l'aplicació es carrega, mostra els models 3D (en format de fitxer .glb) o imatge (en format de fitxer .jpg o .png) dins de l'aplicació a través del control. Podeu seleccionar el model 3D per rotar, ampliar o reduir.

En aquesta secció, crearem una pantalla en una aplicació que permetrà a l'usuari visualitzar l'element seleccionat en 3D, mitjançant el control Objecte 3D.

  1. Seguiu els passos 1 i 2 des de la secció Crea una aplicació amb Visualitza-ho en MR per crear una aplicació amb la col·lecció d'objectes 3D per a l'aplicació.

  2. Afegiu una Etiqueta de text a la pantalla arrossegant-la i deixant-la anar des de la pestanya Insereix.

  3. Col·loqueu l'etiqueta de text afegit a la part superior esquerra de la pantalla i modifiqueu-ne les propietats següents a la pestanya Propietats:

    Propietat Valor
    SMS "Objecte 3D"
    Mida de la lletra 24
    Gruix del tipus de lletra FontWeight.Semibold
    Alineació del text Align.Center
    Amplària 640

  4. A la pestanya Avançada, modifiqueu les propietats següents de l'etiqueta de text:

    Propietat Valor
    Color RGBA(255, 255, 255, 1)
    Emplena RGBA(56, 96, 178, 1)

    Amb aquest canvi, proporciona una capçalera per a la pantalla.

  5. Inseriu una galeria vertical en blanc des de la secció Disposició de la pestanya Insereix.

  6. Col·loqueu la galeria sota la capçalera "Visualitza-ho en MR" que heu afegit abans i expandiu-la per utilitzar la resta de la pantalla.

  7. Canvieu les propietats següents de la galeria:

    Propietat Valor
    Font de dades col3dObjects
    Mida de la plantilla 80
    X 0
    Y 92
    Amplària 640
    Alçada 1044

  8. Seleccioneu Editar galeria per editar la galeria.

    Edita la galeria amb 3D.

  9. Introduïu una etiqueta de text a la galeria.

  10. Canvieu les propietats següents de l'etiqueta de text afegit:

    Propietat Valor
    SMS ThisItem.ObjectName
    Amplària 640

  11. Torneu a editar la galeria.

  12. Des de la secció Contingut multimèdia de la pestanya Insereix, arrossegueu i deixeu anar el control Objecte 3D a la galeria.

  13. Canvia les propietats següents del control Visualitza-ho en MR.

Propietat Valor
Font ThisItem.ObjectURL
X 18
Y 138
Amplària 600
Alçada 550

Aquest canvi proporcionarà una galeria que té una llista d'objectes 3D que podeu visualitzar en 3D.

Provar el control 3D

Ara que tots els controls s'han afegit, deseu i publiqueu l'aplicació. Obriu l'aplicació en un dispositiu amb funcionalitats de realitat mixta, toqueu la pantalla per apropar-la, reduir o convertir l'objecte visualitzat en 3D.

Objecte 3D.

Atès que la galeria conté diversos objectes en 3D, llisqueu el dit cap avall a la pantalla per veure altres objectes i utilitzar les capacitats de zoom o de torn per treballar amb els objectes en 3D.

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).