Partilhar via


Criar uma aplicação com controlos 3D e Realidade mista

Pode utilizar os controlos Objeto 3D e Ver no MR para ver itens em 3D ou para ver como um determinado item pode caber dentro de um espaço especificado.

Neste artigo, vai aprender a utilizar os controlos 3D e Realidade mista no Power Apps.

Assista a este vídeo para aprender a criar aplicações móveis com o controlo Ver no MR:

Pré-requisitos

Consulte Pré-requisitos para dispositivos compatíveis com realidade mista.

Criar uma aplicação com o controlo Ver no MR

O controlo Ver no MR cria um botão na sua aplicação. Quando os utilizadores de aplicações selecionam o botão, este sobrepõe-se a um modelo 3D selecionado (no formato de ficheiro .glb) ou imagem (nos formatos de ficheiro .jpg ou .png) no feed da câmara ao vivo do dispositivo.

Dica

Também pode tirar fotografias e carregá-las para OneDrive.

Nesta secção, vamos criar um ecrã numa aplicação que permitirá a um utilizador ver o item selecionado em realidade mista utilizando o controlo Ver no MR.

  1. Abrir uma aplicação no Power Apps Studio.

  2. Selecione a propriedade OnStart da aplicação, copie e cole o seguinte:

    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"
        }
    )
    

    Propriedade OnStart da aplicação com a fórmula atualizada como mencionado no código de amostra acima.

    Esta fórmula criará uma coleção que contém os nomes e ligações dos objetos 3D a serem vistos em realidade mista.

  3. Adicione uma Etiqueta de texto ao ecrã arrastando-a e largando-a do separador Inserir.

  4. Posicione a etiqueta de texto adicionada no canto superior esquerdo do ecrã e modifique as seguintes propriedades no separador Propriedades:

    Propriedade Value
    Text "Ver no MR"
    Font size 24
    Font weight FontWeight.Semibold
    Text alignment Align.Center
    Width 640
  5. No separador Avançado, modifique as seguintes propriedades da etiqueta de texto:

    Propriedade Value
    Color RGBA(255, 255, 255, 1)
    Fill RGBA(56, 96, 178, 1)

    Esta alteração proporciona um cabeçalho para o ecrã.

  6. Insira uma Galeria vertical em branco a partir da secção Esquema do separador Inserir.

  7. Posicione a galeria abaixo do cabeçalho "Ver no MR" que adicionou anteriormente e expanda-a para utilizar o resto do ecrã.

  8. Altere as seguintes propriedades da galeria:

    Propriedade Value
    Data source col3dObjects
    Template size 80
    X 0
    Y 92
    Width 640
    Height 1044
  9. Selecione Editar galeria para editar a galeria.

    Editar galeria para MR.

  10. Insira uma Etiqueta de texto na galeria.

  11. Altere as propriedades seguintes da etiqueta de texto adicionada:

    Propriedade Value
    Text ThisItem.ObjectName
    X 10
    Y 5
    Width 540
  12. Edite a galeria novamente.

  13. A partir da secção Realidade mista do separador Inserir, arraste e largue o controlo Ver no MR para a galeria.

  14. Altere as propriedades seguintes do controlo Ver no MR.

Propriedade Value
Text "Ver no MR"
Display type Ícone
Source ThisItem.ObjectURL
X Parent.TemplateWidth - Self.Width - 5
Y 5
Width 70

Esta alteração irá fornecer uma galeria que tem uma lista de objetos 3D e um botão a premir para o utilizador ver esses objetos em realidade mista.

Testar o controlo de realidade mista

Agora que todos os controlos foram adicionados, guarde e publique a aplicação. Num dispositivo compatível com realidade mista, abra a aplicação e prima o botão que corresponde ao objeto que gostaria de ver. Isto abrirá a experiência Ver no MR.

Ver no MR.

Siga as instruções no ecrã para calibrar o dispositivo movendo-o lentamente para a esquerda e para a direita, apontando a câmara para uma superfície a medir. Uma vez concluída a calibração, verá uma matriz de pontos na superfície, bem como um círculo perto do centro do ecrã. Este círculo mostra onde o objeto 3D pode ser colocado inicialmente. Uma vez colocado o cubo, pode ser movido ou rodado utilizando controlos de toque.

Para mover o objeto, pressione-o e deslize-o para onde gostaria que fosse colocado. Para rodar o objeto, pressione um dedo no ecrã e, em seguida, passe com outro dedo para a direita ou esquerda.

Utilize o botão Anterior no canto superior esquerdo para voltar ao ecrã da aplicação e selecionar outro objeto. Repita este processo conforme pretendido para ver cada um dos objetos.

Criar uma aplicação com o controlo Objeto 3D

O controlo Objeto 3D permite-lhe ver um item em 3D dentro do Power Apps. Quando a aplicação é carregada, mostra os modelos 3D (no formato de ficheiro .glb) ou imagem (em formatos de ficheiros .jpg ou .png) dentro da aplicação através do controlo. Pode selecionar o modelo 3D para rodar, ampliar ou reduzir.

Nesta secção, vamos criar um ecrã numa aplicação que permitirá a um utilizador ver os itens selecionados em 3D utilizando o controlo Objeto 3D.

  1. Siga os passos 1 e 2 da secção Criar uma aplicação com o controlo Ver no MR para criar uma aplicação com a coleção de objetos 3D para a aplicação.

  2. Adicione uma Etiqueta de texto ao ecrã arrastando-a e largando-a do separador Inserir.

  3. Posicione a etiqueta de texto adicionada no canto superior esquerdo do ecrã e modifique as seguintes propriedades no separador Propriedades:

    Propriedade valor
    Texto "Objeto 3D"
    Font size 24
    Font weight FontWeight.Semibold
    Text alignment Align.Center
    Width 640
  4. No separador Avançado, modifique as seguintes propriedades da etiqueta de texto:

    Propriedade Value
    Color RGBA(255, 255, 255, 1)
    Fill RGBA(56, 96, 178, 1)

    Esta alteração proporciona um cabeçalho para o ecrã.

  5. Insira uma Galeria vertical em branco a partir da secção Esquema do separador Inserir.

  6. Posicione a galeria abaixo do cabeçalho "Ver no MR" que adicionou anteriormente e expanda-a para utilizar o resto do ecrã.

  7. Altere as seguintes propriedades da galeria:

    Propriedade Value
    Data source col3dObjects
    Template size 80
    X 0
    Y 92
    Width 640
    Height 1044
  8. Selecione Editar galeria para editar a galeria.

    Editar galeria para 3D.

  9. Insira uma Etiqueta de texto na galeria.

  10. Altere as propriedades seguintes da etiqueta de texto adicionada:

    Propriedade Value
    Text ThisItem.ObjectName
    Width 640
  11. Edite a galeria novamente.

  12. A partir da secção Multimédia do separador Inserir, arraste e largue o controlo Objeto 3D para a galeria.

  13. Altere as propriedades seguintes do controlo Ver no MR.

Propriedade Value
Source ThisItem.ObjectURL
X 18
Y 138
Width 600
Height 550

Esta alteração irá fornecer uma galeria que tem uma lista de objetos 3D que pode Ver em 3D.

Testar o controlo 3D

Agora que todos os controlos foram adicionados, guarde e publique a aplicação. Num dispositivo compatível com realidade mista, abra a aplicação, toque no ecrã para ampliar, reduzir ou rode o objeto que está a ser visto em 3D.

Objeto 3D.

Uma vez que a galeria contém vários objetos em 3D, percorra para baixo no ecrã para ver outros objetos e utilizar o zoom ou as capacidades de rodar para trabalhar com os objetos em 3D.

Consulte também

Nota

Pode indicar-nos as suas preferências no que se refere ao idioma da documentação? Responda a um breve inquérito. (tenha em atenção que o inquérito está em inglês)

O inquérito irá demorar cerca de sete minutos. Não são recolhidos dados pessoais (declaração de privacidade).