Adicionar um ecrã

Os ecrãs pré-criados permitem que os criadores criem facilmente aplicações modernas e reativas simplesmente selecionando um ecrã. 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

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. Inicie sessão no Power Apps.
2. Crie uma aplicação de tela no formato de tablet.
3. No Power Apps Studio, na barra de comando, 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 mais informações, consulte Pré-visualizar uma aplicação.

Quando a opção Ajustar é desativada, o esquema de ecrã da aplicação adapta-se ao tamanho do ecrã do dispositivo em que está a ser executado.

Ecrã de boas-vindas

O Ecrã de boas-vindas é ideal para o ecrã inicial de uma aplicação. 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.

O Ecrã de boas-vindas contém os seguintes controlos:

• Contentor do cabeçalho
  • Cabeçalho
• Contentor do corpo
  • Contentor
    • Contentor da imagem
      • Imagem (Clássico)
    • Contentor do título
      • Botão Item de funcionalidade
      • Texto

Adicionar e personalizar o ecrã de Boas-vindas

1. No Power Apps Studio, selecione Adicionar ecrã > Ecrã de boas-vindas.
2. Para alterar a imagem, selecione a imagem e, em seguida, selecione Editar.
3. Selecione o controlo do botão Item de Funcionalidade e adicione o seu próprio texto.
4. Selecione Descrição curta ou mensagem apelativa e edite o texto da descrição.
5. Para adicionar mais mosaicos, na vista de árvore, copie e cole um item Contentor.
6. Para remover um mosaico, na vista de árvore, clique com o botão direito do rato num Contentor e selecione Eliminar.

Ecrã Cabeçalho e galeria

Utilize o ecrã Cabeçalho e galeria para apresentar uma vasta 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 controlo de galeria no ecrã Cabeçalho e galeria é um controlo clássico. No entanto, quando o controlo de galeria moderno é lançado, o ecrã Cabeçalho e galeria utilizam o controlo de galeria moderno. Para obter mais informações, consulte Visão geral de controlos e temas modernos em aplicações de tela.

O ecrã Cabeçalho e galeria contém os seguintes controlos:

• Contentor do Cabeçalho
  • Cabeçalho
• Contentor Principal
  • Galeria (Clássico)
    • Contentor da imagem
      • Imagem (Clássico)
  • Contentor do título
    • Texto do título
    • Texto de descrição
  • Contentor do Botão
    • Botão

Adicionar e personalizar o ecrã Cabeçalho e galeria

1. No Power Apps Studio, selecione Adicionar Ecrã > Cabeçalho e galeria.

2. Na vista de árvore, selecione Galeria e ligue-a a uma 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 Imagem, 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

O ecrã Pedido de aprovação inclui um cabeçalho, um formulário com um botão para enviar e uma galeria com fases predefinidas. O ecrã Pedido de aprovação é útil em cenários em que as ações são acionadas por submissões de formulários, como a submissão de um pedido de aprovação ou a apresentação de um processo de fluxo de trabalho para uma empresa.

O ecrã Pedido de aprovação contém os seguintes controlos:

• Contentor do cabeçalho
  • Cabeçalho
• Contentor principal
  • Contentor do formulário
    • 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. No Power Apps Studio, selecione Adicionar ecrã > Pedido de aprovação.

2. Na vista de árvore, selecione Formulário de aprovação e ligue-o a uma origem de dados como Dataverse.

3. Para ver os detalhes das fases de aprovação, na vista de árvore, selecione ReviewersGallery e, no painel de propriedades, selecione o separador Avançado e aceda a Itens.

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

   • Nome: Nome da fase ou do aprovador.

   • Título: Subtítulo da fase ou do aprovador.

   • Estado: Estado da fase

   • Atual: Indica se esta é a fase atual do pedido 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 o Power Automate.

Reordenar ecrãs

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

No painel esquerdo, paire com o rato 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 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 para a função Navegar.

   

   Quando um utilizador selecione a seta, o ecrã Destino aparece gradualmente.

4. No ecrã Destino, adicione um ícone Seta Anterior e defina a propriedade OnSelect para esta fórmula:

   Navigate(Target, ScreenTransition.Fade)

   Nota

   Na fórmula acima onde se diz Destino , introduza o nome do ecrã para o qual está a navegar.

Mais informações

Referência do controlo de ecrã