Compartilhar via

Criar um aplicativo para exibir uma forma em realidade misturada

  • Artigo

Você pode usar o controle Exibir forma em MR em seu aplicativo para permitir que os usuários vejam se um cubo simples pode caber em um espaço especificado. Eles podem fazer isso para ver como um determinado objeto que você fornece caberia no espaço deles. Se você tiver um modelo 3D ou uma imagem frontal para o objeto e gostaria de fazer o teste de ajuste, considere usar Exibir em MR.

O controle cria um botão no seu aplicativo. Quando os usuários do aplicativo selecionam o botão, ele sobrepõe um cubo no feed da câmera ao vivo do dispositivo. Você configura as dimensões do cubo ao editar o controle no Power Apps.

Assista a este vídeo para saber como criar aplicativos móveis com o controle Exibir forma em MR:

Neste artigo, criaremos uma tela em um aplicativo que permitirá aos usuários criar um formato de cubo personalizado inserindo a unidade a ser usada (centímetros, pés, polegadas ou metros) e definindo a altura, largura e profundidade do cubo.

Pré-requisitos

Veja pré-requisitos para dispositivos compatíveis com realidade misturada.

Adicionar controles a dimensões e unidades do cubo

Adicione cabeçalho e rótulos para definir as dimensões e unidades do cubo para a tela do aplicativo.

Rótulo de cabeçalho

Com um aplicativo aberto para edição no Power Apps Studio, adicione um rótulo de texto à tela. Posicione-o no canto superior esquerdo da tela e modifique as seguintes propriedades na guia Propriedades:

Propriedade Valor
Texto "Place A Cube"
Tamanho da fonte 24
Espessura da fonte FontWeight.Semibold
Alinhamento do texto Align.Center
Largura Parent.Width

Em seguida, na guia Avançado, modifique as seguintes propriedades:

Propriedade Valor
Color RGBA(255, 255, 255, 1)
Preenchimento RGBA(56, 96, 178, 1)

Essa mudança fornecerá um cabeçalho para a tela.

Rótulos e controles para especificar as propriedades do cubo

  1. Adicione quatro rótulos de texto à tela. Esses rótulos serão usados para identificar os controles que adicionaremos mais tarde. Para cada rótulo, modifique a propriedade Text para um dos seguintes:

    • Unit Type
    • Width
    • Height
    • Depth

  2. Defina a propriedade Largura desses rótulos em 160 e posicione-os de forma que sejam empilhados verticalmente na ordem descrita acima, próximos ao topo da tela e à esquerda.

  3. Adicione um controle suspenso e três controles de entrada de texto. A lista suspensa será usada para selecionar um tipo de unidade para as dimensões do cubo e os três controles de entrada de texto serão usados para inserir a largura, altura e profundidade do cubo.

  4. Selecione a lista suspensa e renomeie-a para drpUnitType e altere as seguintes propriedades:

    Propriedade Valor
    Itens ["Centimeters", "Feet", "Inches", "Meters"]
    Padrão "Feet"
    Largura 280

  5. Posicione o controle à direita do rótulo Tipo de Unidade.

  6. Adicione três controles Entrada de texto e renomeie-os para txtShapeHeight, txtShapeWidth e txtShapeDepth. Altere as seguintes propriedades para todos os três controles:

    Propriedade Valor
    Padrão 2
    Formato TextFormat.Number
    Largura 144

  7. Posicione o controle Entrada de texto chamado txtShapeWidth à direita do rótulo Largura. Da mesma forma, posicione os controles chamados txtShapeHeight e txtShapeDepth à direita dos rótulos Altura e Profundidade, respectivamente.

Em seguida, você adicionará o controle Exibir forma em MR e o configurará para usar os controles que foram criados para fornecer dimensões dinâmicas ao cubo MR que ele irá gerar.

Inserir o controle Exibir forma em MR

Insira o controle em seu aplicativo.

  1. Abra a guia Inserir.

  2. Expanda Realidade Misturada.

  3. Selecione o controle Exibir forma em MR para colocá-lo no centro da tela do aplicativo, ou arraste-o e solte-o para posicioná-lo em qualquer lugar da tela.

  4. Depois de adicionar o controle, posicione-o próximos à parte inferior da tela e altere as seguintes propriedades:

    Propriedade Valor
    Texto "Place a cube"
    ShapeWidth txtShapeWidth.Text
    ShapeHeight txtShapeHeight.Text
    ShapeDepth txtShapeDepth.Text
    Units drpUnitType.Selected.Value
    Width 280

    Controle Exibir forma em MR em uma tela.

Testar o aplicativo

Agora que todos os controles foram adicionados, salve e publique o aplicativo. Com um dispositivo compatível com a realidade misturada, abra o aplicativo e pressione o botão Posicionar um cubo. Isso abrirá a experiência Exibir Forma no MR, permitindo ao usuário definir uma área a ser medida.

Siga as instruções na tela para calibrar o dispositivo movendo-o lentamente para a esquerda e para a direita enquanto aponta a câmera para uma superfície a ser medida. Assim que a calibração for concluída, você verá uma matriz de pontos na superfície e um círculo próximo ao centro da tela. Este círculo mostra onde o cubo poderá ser colocado inicialmente. Depois de posicionado, o cubo poderá ser movido ou girado usando controles de toque.

Para mover o cubo, pressione-o e deslize-o para onde gostaria que fosse colocado. Para girar o cubo, pressione um dedo na tela e deslize o outro dedo para a direita ou para a esquerda.

Use o botão Voltar no canto superior esquerdo para retornar à tela do aplicativo e alterar uma ou mais configurações de largura, altura, profundidade ou tipo de unidade. Selecione o botão Posicionar um cubo e posicione o novo cubo.

Confira também

Observação

Você pode nos falar mais sobre suas preferências de idioma para documentação? Faça uma pesquisa rápida. (Observe que esta pesquisa está em inglês)

A pesquisa levará cerca de sete minutos. Nenhum dado pessoal é coletado (política de privacidade).