Visão geral do designer de aplicativos baseados em modelo

O novo designer de aplicativo baseado em modelo fornece uma experiência de criação de WYSIWYG moderna ao trabalhar com aplicativos baseados em modelo.

As alterações no aplicativo são refletidas de forma instantânea na visualização, permitindo que você veja exatamente como o aplicativo aparecerá para os usuários quando publicado.

Layout do designer de aplicativo baseado em modelo com as tabelas de conta e contato adicionadas

A interface do designer de aplicativo tem as seguintes áreas:

  1. Barra de comandos – Exibe as ações disponíveis:

    • Voltar. Fecha o designer de aplicativo baseado em modelo e retorna ao site do Power Apps (make.powerapps.com).
    • Nova página. Cria uma nova página para um ou mais formulários de tabela e exibições ou painéis de tabela para o aplicativo.
    • Configurações. Abre as propriedades do aplicativo, como nome e descrição.
    • Alternar para clássico. Abre o aplicativo no designer de aplicativo clássico.
    • Salvar. Salva o aplicativo.
    • Publicar. Disponibiliza as alterações para outros usuários.
    • Reproduzir. Obre o aplicativo na nova guia no modo de execução.
  2. Visualização do aplicativo – Exibe uma visualização em tempo real do formulário como será exibido para os usuários quando publicado.

  3. Painéis – O painel de navegação esquerdo consiste nas seguintes áreas:

    • Páginas. Exibe os componentes em seu aplicativo. Na área da página, você pode adicionar ou remover formulários, exibições e painéis para cada tabela.
    • Navegação. Exibe uma estrutura de navegação do aplicativo que é formada por áreas, grupos e subáreas. Você pode adicionar ou remover grupos e subáreas da navegação.
    • Dados. Fornece uma visão de todas as tabelas disponíveis que são usadas atualmente no aplicativo e uma visão de todas as tabelas disponíveis no ambiente.
    • Automação. Exibe fluxos de processos empresarias que fazem parte deste aplicativo. Você pode adicionar, remover ou criar novos fluxos de processos de negócios no aplicativo.
  4. Painel de propriedades – Exibe propriedades do componente selecionado e também permite fazer alterações.

  5. Seletor de tamanho da versão preliminar - Altera o tamanho da versão preliminar do formulário, ajudando a visualizar qual será a aparência do formulário em vários tamanhos de tela.

  6. Controle deslizante de zoom – Amplia ou reduz a visualização do aplicativo, o que ajuda a ter uma visão detalhada.

  7. Ajustar à tela - Ação rápida para ajustar a versão prévia do aplicativo ao tamanho de tela disponível.

    Layout do designer de aplicativos baseados em modelo que tem as tabelas de conta e contato adicionadas.

No painel Navegação, selecione Barra de navegação para definir as seguintes opções.

  1. Mostrar Página Inicial. Habilitada por padrão. Quando selecionada, exibe o link da Página Inicial do aplicativo.

  2. Mostrar Recentes. Habilitada por padrão. Quando selecionado, exibe o link de páginas recém-exibidas. Selecionar o link exibe todas as páginas exibidas recentemente.

  3. Mostrar Fixados. Habilitada por padrão. Quando selecionada, exibe as páginas que foram fixadas. Os usuários do aplicativo selecionam o ícone de alfinete ao lado de um registro listado em Recentes para adicioná-lo às suas linhas fixadas.

  4. Habilitar grupos recolhíveis. Desabilitada por padrão. Quando selecionada, as subáreas exibidas em grupos no mapa do site podem ser expandidas ou recolhidas.

  5. Habilitar Áreas. Desabilitada por padrão. Quando selecionado, novas áreas podem ser adicionadas ao aplicativo. Para aplicativos com várias áreas existentes, esta configuração é habilitada por padrão. Você não poderá desativar essa configuração enquanto o aplicativo tiver várias áreas.

  6. Habilitar recursos da Web. Desabilitada por padrão. Quando selecionada, os recursos da Web podem ser adicionados ao aplicativo como um tipo de subárea. Mais informações: Adicionar um recurso da Web a um aplicativo (versão preliminar).

  7. Habilitar URLs. Desabilitada por padrão. Quando selecionadas, as URLs podem ser adicionados ao aplicativo como um tipo de subárea. Mais informações: Adicionar uma URL a um aplicativo

    Opções disponíveis para navegação do aplicativo

Limitação conhecida

  • O URL do aplicativo não pode ser especificado.

Dica

Selecione Alternar para clássico para usar o designer clássico para concluir as tarefas de design do aplicativo que estão atualmente indisponíveis no designer moderno.

Próximas etapas

Criar um aplicativo baseado em modelo usando o designer de aplicativo

Trabalhar com páginas personalizadas

Reconhecimento de navegação de aplicativo