Adicionar um ecrã

As telas pré-construídas permitem que os criadores criem facilmente aplicativos modernos e responsivos selecionando uma tela. Os ecrãs foram concebidos a pensar nos cenários e composições comuns da aplicação e apresentam contentores reativos e controlos modernos.

Estão disponíveis os seguintes ecrãs novos:

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

Adicionar um novo ecrã

Quando adiciona um novo ecrã, também pode selecionar um esquema de ecrã, tal como um ecrã em branco ou dividido que se adapta a diferentes tamanhos de ecrã.

1. Iniciar sessão no Power Apps.
2. Crie uma aplicação de tela no formato de tablet.
3. Na Power Apps Studio barra de comandos, selecione Novo ecrã e, em seguida, selecione um ecrã.
4. Quando terminar, pré-visualize a aplicação e veja como é que a aplicação é apresentada em diferentes dispositivos. Para obter mais informações, consulte pré-visualização um aplicativo.

Quando a opção Dimensionar para ajustar está desativada, o layout da tela do aplicativo se adapta ao tamanho da tela do dispositivo em que está a ser executado.

Ecrã de boas-vindas

A tela de boas-vindas é ideal para a tela inicial de um aplicativo. Contém mosaicos individuais que pode personalizar com uma imagem, um título e um texto de descrição. O número de mosaicos no ecrã pode ser facilmente alterado adicionando ou removendo os mosaicos dentro do contentor do corpo. Cada mosaico pode ser utilizado para navegar os utilizadores para outras partes da aplicação.

A tela de boas-vindas contém os seguintes controles:

• Contêiner de cabeçalho
  • Cabeçalho
• Recipiente para carroçaria
  • Contentor
    • Recipiente de imagem
      • Imagem (Clássico)
    • Contentor de título
      • Botão Item de funcionalidade
      • Texto

Adicionar e personalizar o ecrã de Boas-vindas

1. Em Power Apps Studio, selecione Adicionar tela de>boas-vindas da tela.
2. Para alterar a imagem, selecione-a e, em seguida, selecione Editar.
3. Selecione o controle do botão Item de recurso e adicione seu próprio texto.
4. Selecione Descrição curta ou mensagem envolvente e edite o texto da descrição.
5. Para adicionar mais blocos, na visualização em árvore, copie e cole um item Contêiner .
6. Para remover um mosaico, na vista em árvore, clique com o botão direito do rato num Contentor e selecione Eliminar.

Ecrã Cabeçalho e galeria

Use a tela Cabeçalho e galeria para exibir uma ampla gama de informações sobre produtos ou serviços, como um catálogo de produtos. Quando liga um controlo de galeria a uma origem de dados, um catálogo é gerado automaticamente com pouca personalização necessária.

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

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

• Contêiner de cabeçalho
  • Cabeçalho
• Contentor Principal
  • Galeria (Clássico)
    • Recipiente de imagem
      • Imagem (Clássico)
  • Contentor de título
    • Texto do título
    • Texto de descrição
  • Recipiente de botões
    • Botão

Adicionar e personalizar o ecrã Cabeçalho e galeria

1. Em Power Apps Studio, selecione Adicionar cabeçalho de tela>e galeria.

2. Na vista em árvore, selecione Galeria e ligue-a a um origem de dados como Dataverse.

3. Selecione controlos específicos na galeria, tais como a imagem, o texto do título e a descrição do texto.

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

Ecrã Pedido de aprovação

A tela Solicitação de aprovação inclui um cabeçalho, um formulário com um botão de envio e uma galeria com etapas predefinidas. A tela Solicitação de aprovação é útil em cenários em que 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.

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

• Contêiner de cabeçalho
  • Cabeçalho
• Contentor principal
  • Contentor de formulários
    • Texto do título do formulário
    • Formulário de aprovação
    • Botão Submeter
  • Contentor da barra lateral
    • Texto
    • Galeria (Clássico)

Adicionar e personalizar o ecrã Pedido de aprovação

1. Em Power Apps Studio, selecione Adicionar solicitação> de aprovação de tela.

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

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

   Os seguintes detalhes fazem parte da fase de aprovação:

   • Nome: Nome do palco ou aprovador

   • Título: Subtítulo do palco ou aprovador

   • Estado: Estado do palco

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

     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 em toda a tela.

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

• Contêiner de cabeçalho
  • Cabeçalho
• Contentor principal
  • Contentor de formulários
    • Formulário
  • Recipiente de botões
    • Botão Cancelar
    • Botão Submeter

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

1. Em Power Apps Studio, selecione Adicionar cabeçalho de tela>e formulário.
2. No modo de exibição em árvore, selecione Formulário e conecte-o a um origem de dados.
3. [Opcional] Para garantir a melhor capacidade de resposta da tela, escolha cada cartão de dados no formulário e defina a propriedade Width Fit como On no painel Properties .

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 mostrar uma tabela de dados detalhada em uma tela.

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

• Contêiner de cabeçalho
  • Cabeçalho
• Contentor principal
  • Table

Adicionar e personalizar o cabeçalho e a tela da tabela

1. Em Power Apps Studio, selecione Adicionar cabeçalho de tela>e tabela.
2. Na vista em árvore, selecione Tabela e ligue-a a um origem 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 tem fórmulas incorporadas Power Fx para permitir uma fácil ligação e personalização de dados. 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
  • Contêiner de cabeçalho
    • Controle de cabeçalho
  • Recipiente para carroçaria
    • Entrada de texto (Pesquisar)
    • Controlo de tabela
    • Controle de formulário
    • Botão
      • Nova
      • Editar
      • Delete
      • Submeter
      • Cancelar

Adicionar e personalizar a tela Tabela e formulário

Em Power Apps Studio:

1. Selecione Adicionar tabela de tela>e formulário.

2. Selecione a tela na tela.

3. Selecione Dados na barra de ações embutida.

4. Selecione o origem de dados desejado.

   

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

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

Todos os botões neste modelo foram pré-construídos Power Fx, portanto, não há necessidade de personalização adicional. Quando você conecta a tela ao origem de dados selecionado, a tela agora está totalmente funcional.

Reordenar ecrãs

Quando tem mais de um ecrã, pode reordená-los.

No painel esquerdo, passe o cursor sobre um ecrã que pretende mover para cima ou para baixo e, em seguida, selecione Mover para cima ou Mover para baixo.

Adicionar navegação

Quando cria uma aplicação de tela com vários ecrãs, pode adicionar navegação para que os utilizadores possam navegar entre os ecrãs.

1. Com o ecrã selecionado, selecione Inserir e, na caixa de pesquisa, escreva a seta seguinte e, em seguida, selecione-a.

2. (opcional) Mova a seta para que apareça no canto inferior direito do ecrã.

3. Com a seta selecionada, defina a propriedade OnSelect como a função Navegar .

   

   Quando um utente seleciona a seta, a tela Destino desaparece.

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)

   Nota

   Nesta fórmula onde diz Target introduza o nome do ecrã onde pretende navegar.

Mais informações

Referência de controle de tela