Adicionar uma tela

Telas pré-criadas permitem que os criadores criem facilmente aplicativos modernos e responsivos selecionando uma tela. As telas são projetadas com cenários e composições de aplicativos comuns em mente, e apresentam contêineres responsivos e controles modernos.

As seguintes novas telas estão disponíveis:

• Tela de boas-vindas
• Cabeçalho e galeria
• Solicitação de aprovação
• Cabeçalho e formulário
• Cabeçalho e tabela
• Tabela e formulário

Adicionar uma nova tela

Ao adicionar uma nova tela, você também pode selecionar um layout de tela, como tela em branco ou dividida, que se adapta a diferentes tamanhos de tela.

1. Entre no Power Apps.
2. Crie um aplicativo de tela em formato de tablet.
3. Em Power Apps Studio, na barra de comando, Select Nova tela e então Select uma tela.
4. Quando terminar, visualize o aplicativo e veja como ele é exibido em diferentes dispositivos. Mais informações, veja versão preliminar um aplicativo.

Quando o Escala para ajustar Se a opção estiver desativada, o layout da tela do aplicativo se adapta ao tamanho da tela do dispositivo em que ele está sendo executado.

Tela de boas-vindas

O Tela de boas-vindas é ideal para a tela inicial de um aplicativo. Ela contém blocos individuais que você pode personalizar com uma imagem, um título e um texto de descrição. O número de blocos na tela pode ser alterado facilmente adicionando ou removendo os blocos no contêiner do corpo. Cada bloco pode ser usado para levar os usuários a outras partes do aplicativo.

O Tela de boas-vindas contém os seguintes controles:

• Recipiente de cabeçalho
  • Cabeçalho
• Recipiente de corpo
  • Contêiner
    • Recipiente de imagem
      • Imagem (Clássico)
    • Recipiente de título
      • Botão Item do recurso
      • Texto

Adicionar e personalizar a Tela de boas-vindas

1. Em Power Apps Studio, Select Adicionar tela> Tela de boas-vindas.
2. Para alterar a imagem, Select a imagem e depois Select Editar.
3. Select Item em destaque controle de botão e adicione seu próprio texto.
4. Select Descrição curta ou mensagem envolvente e edite o texto descritivo.
5. Para adicionar mais peças, na visualização em árvore copie e cole um Recipiente item.
6. Para remover um bloco, na visualização em árvore, clique com o botão direito do mouse em um Recipiente e Select Excluir.

Tela Cabeçalho e galeria

Use o Cabeçalho e galeria tela para exibir uma ampla variedade de informações sobre produtos ou serviços, como um catálogo de produtos. Quando você conecta um controle de galeria a uma fonte de dados, um catálogo é gerado automaticamente com pouca necessidade de personalização.

O controle de galeria em Cabeçalho e galeria tela é um controle clássico. No entanto, quando o controle de galeria moderno é liberado, o Cabeçalho e galeria tela use o controle de galeria moderno. Para mais informações, consulte Visão geral de controles e temas modernos em aplicativos de tela.

O Cabeçalho e galeria a tela contém os seguintes controles:

• Recipiente de Cabeçalho
  • Cabeçalho
• Recipiente principal
  • Galeria (Clássico)
    • Recipiente de imagem
      • Imagem (Clássico)
  • Recipiente de título
    • Texto do título
    • Texto da descrição
  • Recipiente de botões
    • Botão

Adicionar e personalizar a tela Cabeçalho e galeria

1. Em Power Apps Studio, Select Adicionar tela> Cabeçalho e galeria.

2. Na visualização em árvore, Select Galeria e conecte-o a um fonte de dados como Dataverse.

3. Selecione controles específicos dentro da galeria, como a imagem, o texto do título e a descrição do texto.

   Na propriedade Imagem, utilize o EsteItem sintaxe para definir a imagem desejada. Aplique o mesmo método ao texto do título e à descrição do texto.

Tela de solicitação de aprovação

O Solicitação de aprovação A tela inclui um cabeçalho, um formulário com um botão de envio e uma galeria com estágios predefinidos. O Solicitação de aprovação A tela é útil em cenários onde ações são acionadas por envios de formulários, como enviar uma solicitação de aprovação ou exibir um processo de fluxo de trabalho para uma empresa.

O Solicitação de aprovação a tela contém os seguintes controles:

• Recipiente de cabeçalho
  • Cabeçalho
• Recipiente principal
  • Recipiente de formulário
    • Texto do título do formulário
    • Formulário de aprovação
    • Botão Enviar
  • Recipiente da barra lateral
    • Texto
    • Galeria (Clássico)

Adicionar e personalizar a tela Solicitação de aprovação

1. Em Power Apps Studio, Select Adicionar tela> Solicitação de aprovação.

2. Na visualização em árvore, Select Formulário de aprovação e conecte-o a um fonte de dados como Dataverse.

3. Para visualizar os detalhes dos estágios de aprovação, na visualização em árvore, Select ReviewersGallery e no painel de propriedades Select a guia Avançado e vá para Itens.

   Os seguintes detalhes fazem parte do estágio de aprovação:

   • Nome: Nome do estágio ou aprovador

   • Título: Subtítulo do estágio ou aprovador

   • Status: Status do estágio

   • Atual: O estágio atual da solicitação de aprovação

     Você também pode adicionar um fluxo de trabalho de aprovação do Power Automate no botão para notificar o aprovador. Para obter mais informações, consulte Criar e testar um fluxo de trabalho de aprovação com Power Automate.

Cabeçalho e formulário

A tela Cabeçalho e formulário contém o cabeçalho, o formulário e dois botões para enviar e cancelar o envio do formulário. Esta tela é ótima para usar um formulário que ocupe toda a tela.

A tela Cabeçalho e formulário contém os seguintes controles:

• Recipiente de cabeçalho
  • Cabeçalho
• Recipiente principal
  • Recipiente de formulário
    • Formulário
  • Recipiente de botões
    • Botão Cancelar
    • Botão Enviar

Adicionar e personalizar cabeçalho e tela de formulário

1. Em Power Apps Studio, Select Adicionar Cabeçalho>de Tela e Formulário.
2. Na visualização em árvore, Select Formulário e conecte-o a um fonte de dados.
3. [Opcional] Para garantir a melhor capacidade de resposta da tela, escolha cada dado cartão no formulário e defina a propriedade Ajuste de largura como Ativado no painel Propriedades .

Cabeçalho e tabela

A tela Cabeçalho e tabela contém dois controles, um controle de cabeçalho e um controle de tabela. Este modelo é ótimo para exibir uma tabela de dados detalhada em uma tela.

A tela Cabeçalho e tabela contém os seguintes controles:

• Recipiente de cabeçalho
  • Cabeçalho
• Recipiente principal
  • Table

Adicionar e personalizar a tela de cabeçalho e tabela

1. Em Power Apps Studio, Select Adicionar Cabeçalho>de Tela e tabela.
2. Na visualização em árvore, Select Tabela e conecte-a a uma fonte de dados.

Tabela e formulário

A tela Tabela e formulário contém dois controles principais: o controle de tabela moderno e o controle de formulário moderno. Este modelo possui fórmulas integradas para permitir fácil conexão de dados e personalização. Power Fx Este modelo é ideal para selecionar e editar um registro usando um formulário.

A tela Tabela e formulário contém os seguintes controles:

• Recipiente de tela
  • Recipiente de cabeçalho
    • Controle de cabeçalho
  • Recipiente de corpo
    • Entrada de texto (Pesquisa)
    • Controle de mesa
    • Controle de formulário
    • Botão
      • Criar
      • Editar
      • Delete
      • Enviar
      • Cancelar

Adicionar e personalizar a tela de tabela e formulário

Em Power Apps Studio:

1. Select Adicionar tela>Tabela e formulário.

2. Select a tela na tela.

3. Select Dados na barra de ação em linha.

4. Select o fonte de dados desejado.

   

Uma vez conectados, os controles de tabela e formulário são vinculados ao fonte de dados.

Você pode Select um registro no controle de tabela e o formulário exibe os detalhes do registro selecionado.

Todos os botões neste modelo são pré-construídos Power Fx, então There não precisa de personalização adicional. Quando você conecta a tela ao fonte de dados selecionado, a tela agora está totalmente funcional.

Reordenar telas

Quando você tem mais de uma tela, é possível reordená-las.

No painel esquerdo, passe o mouse sobre uma tela que você deseja mover para cima ou para baixo e, em seguida, Select Mover para cima ou Mover para baixo.

Adicionar navegação

Ao criar um aplicativo de tela com várias telas, você pode adicionar a navegação para que seus usuários possam navegar entre elas.

1. Com a tela selecionada, Select Insira e na caixa de pesquisa digite Seta para a próxima e depois Select.

2. (opcional) Mova a seta para que ela apareça no canto inferior direito da tela.

3. Com a seta selecionada, defina a propriedade OnSelect para a função Navigate .

   

   Quando um usuário seleciona a seta, a tela Destino aparece gradualmente.

4. Na tela Destino , adicione um ícone de Seta para trás e defina sua propriedade OnSelect para esta fórmula:

   Navigate(Target, ScreenTransition.Fade)

   Observação

   Nesta fórmula onde diz Destino digite o nome da tela onde você deseja navegar.

Mais informações

Referência de controle de tela