Compartilhar via


Adicionar uma página personalizada ao seu aplicativo baseado em modelo

[Este tópico faz parte da documentação de pré-lançamento e está sujeito a alterações.]

Este artigo o orienta na criação e edição de uma página personalizada para um aplicativo baseado em modelo usando o designer de aplicativo moderno.

Importante

As páginas personalizadas são um novo recurso com mudanças significativas no produto e atualmente têm uma série de limitações conhecidas descritas em Problemas Conhecidos da Página Personalizada.

Criar ou editar um aplicativo baseado em modelo usando designer de aplicativo moderno

As etapas a seguir explicam como abrir o novo designer de aplicativo moderno, que é necessário para adicionar uma página personalizada a um aplicativo baseado em modelo.

Criar um aplicativo baseado em modelo usando o designer de aplicativo

  1. Entre no Power Apps

  2. No painel de navegação esquerdo, selecione Soluções. Se o item não estiver no painel lateral, selecione …Mais e selecione o item desejado.

  3. Abra ou crie uma solução para conter o novo aplicativo baseado em modelo.

  4. Selecione Novo > Aplicativo > Aplicativo baseado em modelo.

  5. Selecione Usar designer de aplicativo moderno e, depois, Avançar.

    Novo prompt de design de aplicativo baseado em modelo

  6. Insira o novo Nome do aplicativo, opcionalmente uma Descrição e, depois, selecione Criar.

    Novo prompt de nome de aplicativo baseado em modelo

Abrir um aplicativo baseado em modelo usando o designer de aplicativo

  1. Abra make.powerapps.com

  2. No painel de navegação esquerdo, selecione Soluções. Se o item não estiver no painel lateral, selecione …Mais e selecione o item desejado.

  3. Abra a solução que contém o aplicativo baseado em modelo existente.

  4. Abra o menu do aplicativo baseado em modelo e selecione Editar para abrir o designer de aplicativo moderno.

Criar ou editar uma página personalizada

As páginas personalizadas podem ser criadas a partir de dois locais. A primeira é durante a criação de um aplicativo baseado em modelo no designer de aplicativos moderno. A outro é a partir da área Soluções no Power Apps. As páginas personalizadas podem ser editadas na área Soluções, mas não aparecerão nas áreas Página Inicial ou Aplicativos de make.powerapps.com.

Observação

As páginas personalizadas devem ser criadas a partir de uma solução do designer de aplicativo moderno e/ou da área Soluções no Power Apps usando Novo > Página. A página personalizada é um tipo de aplicativo de tela diferente do aplicativo de tela autônomo normal.

Crie uma nova página personalizada de um designer de aplicativo moderno

  1. Abra o designer de aplicativo moderno.

  2. Selecione Nova página na barra de comandos ou no painel Páginas.

    Criar nova página do designer de aplicativo

  3. Selecione a Personalizada como o tipo de página.

    Nova página personalizada de seleção de página

  4. O designer de aplicativo de tela é aberto para criação de página.

    Nova página de designer de tela

  5. Quando terminar de criar a página personalizada do aplicativo de tela, Salvar, Publicar e, depois, feche a guia do navegador do designer de aplicativo de tela para retornar ao designer de aplicativo baseado em modelo.

Crie uma nova página personalizada na área de soluções

  1. Entre no Power Apps

  2. Selecione Soluções no painel de navegação esquerdo. Se o item não estiver no painel lateral, selecione …Mais e selecione o item desejado.

  3. Abra ou crie uma solução para conter a nova página personalizada

  4. Selecione Novo > Aplicativo > Página.

    Área de soluções para criar nova página

Editar uma página personalizada existente

  1. Abra make.powerapps.com

  2. Selecione Soluções no painel de navegação esquerdo. Se o item não estiver no painel lateral, selecione …Mais e selecione o item desejado.

  3. Abra ou crie uma solução para conter a nova página personalizada.

  4. Selecione a página personalizada com o tipo Página e selecione Editar.

    Área de soluções de nova página

Conteúdo da página personalizada do autor

  1. Crie o conteúdo da página personalizada. Mais informações: Crie uma página personalizada para o aplicativo baseado em modelo

  2. Salve e publique a página personalizada.

  3. Feche o designer de aplicativo de tela.

  4. Retorne à guia do navegador do designer de aplicativo e atualize o designer de aplicativo selecionando Ignorar.

    Ignorar a criação do prompt da sua página

  5. Selecione Publicar no designer de aplicativo para adicionar a página personalizada alterada ao aplicativo baseado em modelo.

  6. Selecione Versão preliminar para reproduzir o aplicativo em uma nova guia do navegador.

Adicionar uma página personalizada existente a um mapa do site

  1. Entre em make.powerapps.com

  2. Abrir um aplicativo baseado em modelo usando o designer de aplicativo

  3. Selecione a guia Navegação.

    Painel de navegação de Designer de Aplicativo

  4. Expanda a navegação e selecione o local para colocar a página.

  5. Selecione Adicionar > Subárea para adicionar um novo item após a seleção.

    Subárea do aplicativo Designer de Aplicativo

  6. No painel de propriedades direito, selecione uma Página existente da lista e, depois, insira um Título.

    A subárea do Designer de Aplicativo seleciona a página existente

  7. Selecione Publicar, que também salvará o aplicativo se houver alterações.

  8. Selecione Reproduzir para executar o aplicativo em uma nova guia do navegador.

  9. Para fechar o designer de aplicativo, selecione Voltar e retorne à solução.

Publicar uma página personalizada

Importante

No momento, os aplicativos baseados em modelo devem ser publicados novamente após a publicação de uma página personalizada. Caso contrário, o aplicativo baseado em modelo continuará a usar a página personalizada publicada anteriormente.

Depois de salvar as alterações em uma página personalizada no designer de tela, a página personalizada deve ser publicada primeiro pelo designer de tela. Em seguida, todos os aplicativos baseados em modelo que fazem referência a essa página personalizada precisam ser publicados.

  1. No designer de tela, selecione Publicar

  2. No designer de aplicativo ou no explorador de soluções, selecione Publicar em cada aplicativo baseado em modelo que faz referência à página personalizada.

Confira também

Visão geral da página personalizada do aplicativo baseado em modelo

Projetar uma página personalizada para seu aplicativo baseado em modelo

Usar o PowerFx em uma página personalizada

Navegar para uma página personalizada usando a API do cliente

Componentes de código de um um designer de página personalizada