Adicionar uma tela

Artigo
03/28/2024

As telas predefinidas permitem que os criadores desenvolvam facilmente aplicativos modernos e responsivos simplesmente 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.

Layouts de tela.

As seguintes novas telas estão disponíveis:

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.

Entre no Power Apps.
Crie um aplicativo de tela em formato de tablet.
No Power Apps Studio, na barra de comandos, selecione Nova tela e selecione uma tela.
Quando terminar, visualize o aplicativo e veja como ele é exibido em diferentes dispositivos. Mais informações: consulte Pré-visualizar um aplicativo.

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

Tela de boas-vindas

A 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.

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

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

Adicionar e personalizar a Tela de boas-vindas

No Power Apps Studio, selecione Adicionar tela > Tela de boas-vindas.
Para alterar a imagem, selecione a imagem e, em seguida, selecione Editar.
Selecione o controle do botão Item do Recurso e adicione seu próprio texto.
Selecione Descrição curta ou mensagem envolvente e edite o texto da descrição.
Para adicionar mais blocos, no modo de exibição de árvore, copie e cole um item do Contêiner.
Para remover um bloco, na exibição em árvore, clique com o botão direito do mouse em um Contêiner e selecione Excluir.

Tela Cabeçalho e galeria

Use a tela Cabeçalho e galeria 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 na tela Cabeçalho e galeria é um controle clássico. No entanto, quando o controle de galeria moderno for liberado, a tela Cabeçalho e galeria usará 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
Contêiner Principal
- Galeria (Clássico)
  - Contêiner de imagem
    - Imagem (Clássico)
- Contêiner de título
  - Texto do título
  - Texto da descrição
- Controle de Botão
  - Botão

Adicionar e personalizar a tela Cabeçalho e galeria

No Power Apps Studio, selecione Adicionar tela > Cabeçalho e galeria.
Na exibição de árvore, selecione Galeria e conecte-a a uma fonte de dados, como o Dataverse.
Selecione controles específicos dentro da galeria, 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.

Tela de solicitação 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 estágios predefinidos. A tela Solicitação de aprovação é útil em cenários em que ações são desencadeadas 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
Contêiner principal
- Contêiner de formulário
  - Texto do título do formulário
  - Formulário de aprovação
  - Botão Enviar
- Contêiner de barra lateral
  - Texto
  - Galeria (Clássico)

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

No Power Apps Studio, selecione Adicionar tela > Solicitação de aprovação.
Na exibição de árvore, selecione Formulário de aprovação e conecte-a a uma fonte de dados, como o Dataverse.
Para exibir os detalhes dos estágios de aprovação, na exibição de árvore, selecione ReviewersGallery e, no painel de propriedades, selecione a guia Avançado e acesse Itens.

Os seguintes detalhes fazem parte do estágio de aprovação:
- Nome: nome do estágio ou do aprovador.
- Título: subtítulo do estágio ou do aprovador.
- Status: status do estágio
- Atual: indica se este é 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 o Power Automate.

Reordenar telas

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

No painel esquerdo, passe o mouse sobre a tela que você deseja se mover para cima ou para baixo, selecione Mover para cima ou Mover para baixo.

Observação

Use a propriedade StartScreen para definir qual tela será exibida primeiro.

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.

Com a tela selecionada, clique em Inserir e, na caixa de pesquisa digite Seta Avançar e selecione-a.
(opcional) Mova a seta para que ela apareça no canto inferior direito da tela.
Com a seta selecionada, defina a propriedade OnSelect na função Navegar.

Quando um usuário seleciona a seta, a tela Target desvanece.
Na tela Target, adicione um ícone para Seta voltar e defina sua propriedade OnSelect como esta fórmula:

Navigate(Target, ScreenTransition.Fade)

Observação

Na fórmula acima, em Destino , insira o nome da tela para a qual você está navegando.

Mais informações

Referência de controle de tela

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).