Adicionar ou editar componentes de aplicativo controlados por modelos no designer de aplicativos do Power Apps

Este tutorial descreve como adicionar componentes e remover componentes de um aplicativo controlado por modelos.

Um aplicativo baseado em modelo é composto por vários componentes. Dois tipos de componentes podem ser adicionados a um aplicativo:

• Artifacts
• Ativos de tabela

Tabelas, dashboards e fluxos de processo de negócios são todos artefatos de um aplicativo.

Os ativos de tabela consistem em formulários, exibições, gráficos e dashboards relacionados a uma tabela específica incluída em um aplicativo.

Layout do designer de aplicativos

O designer de aplicativos tem duas áreas principais. No lado esquerdo está a tela, onde os componentes do aplicativo podem ser adicionados.

No lado direito estão guias que são usadas para selecionar componentes e definir propriedades de componente.

A tela inclui áreas para o Mapa do Site, Fluxo de Processo Empresarial, Painéis e Tabelas.

Depois que as tabelas estiverem em vigor, selecione cada tabela e adicione os ativos de tabela necessários, como formulários, exibições e gráficos a ela.

Use o Search Canvas para procurar componentes no quadro. Quando a Tela de Pesquisa é selecionada, uma nova guia de pesquisa é aberta à direita das guias no painel direito.

Abrir um aplicativo

1. Entre no Power Apps e, opcionalmente, selecione um ambiente para trabalhar.

2. Crie um novo aplicativo controlado por modelos ou selecione um existente. Para obter informações sobre como criar um aplicativo, consulte Criar ou editar um aplicativo controlado por modelos usando o designer de aplicativo.

Adicionar ou editar um mapa de site

Você deve definir um mapa de site antes que os componentes do aplicativo possam ser adicionados a um aplicativo recém-criado. Mais informações: Criar um mapa do site de aplicativo baseado em modelos usando o designer de mapa do site.

Adicionar um componente

Quando um dashboard ou um fluxo de processo empresarial é adicionado a um aplicativo, as tabelas relacionadas são adicionadas automaticamente ao aplicativo.

Quando uma tabela é adicionada a um aplicativo, os blocos de seus ativos são adicionados automaticamente. Há duas maneiras pelas quais os componentes podem ser adicionados à tela do designer:

• Use o botão Adicionar na barra de comandos.
• Use os blocos na guia Componentes .

Adicionar um painel

Para adicionar um dashboard a um aplicativo, siga estas etapas:

1. Na tela do designer de aplicativo, selecione o bloco Painéis.

   Na tela do designer de aplicativo, o painel direito mostra painéis disponíveis na solução padrão.

2. Na caixa de pesquisa , digite palavras-chave para o painel necessário.

   A lista de dashboards será filtrada para mostrar resultados que correspondem às palavras-chave.

3. Se os usuários precisarem usar apenas o painel selecionado, marque a caixa de seleção do componente que precisa ser adicionado. Os seguintes tipos de dashboards estão disponíveis:

   • Painéis Clássicos aparecem no aplicativo Web e no aplicativo de Interface Unificada.
   • Painéis Interativos aparecem somente no aplicativo de Interface Unificada. Se você tiver selecionado o tipo de cliente para o aplicativo como aplicativo Web, a opção Painéis Interativos não será exibida.

   Esses painéis serão adicionados ao bloco Painel na tela do designer de aplicativo. O bloco painel de controle também mostra uma contagem do número de painéis de controle adicionados ao app. Se nenhum painel estiver selecionado, Todos aparecerá em vez da contagem de painéis, e todos os painéis estarão disponíveis para os usuários quando estiverem usando o aplicativo.

   Todas as tabelas que o painel usa também são adicionadas à área de exibição de entidade. Por exemplo, quando o painel do Gerenciador de Atendimento ao Cliente é adicionado, as tabelas Caso, Direito e Item de Fila são adicionadas à área Exibição de Entidade .

   Para cada tabela, os blocos de ativos também são adicionados. Esses blocos podem ser usados para adicionar formulários, exibições e gráficos. Para obter mais informações, consulte: Adicionar ou editar componentes de aplicativo no designer de aplicativos do Power Apps

   

4. Se o painel desejado não existir na solução padrão, crie um painel selecionando Criar Novo na guia Componentes à direita da tela.

   Criar Novo link na guia Componentes no designer de aplicativo.Criar Novo link na guia Componentes do designer de aplicativo

   O designer de painel é aberto. Para obter mais informações, consulte: Criar e editar painéis

5. Conclua as etapas acima selecionando Salvar.

Adicionar um fluxo de processo empresarial

Para adicionar um fluxo de processo empresarial a um aplicativo, siga estas etapas:

1. Na tela do designer de aplicativo, selecione o bloco Fluxos de Processo de Negócios.

   Na tela do designer de aplicativo, o painel direito mostra painéis disponíveis na solução padrão.

2. Na caixa Pesquisa , digite uma ou mais palavras-chave que correspondam ao nome do fluxo de processo empresarial desejado.

   A lista de fluxos do processo empresarial é filtrada para mostrar resultados que correspondem a palavras-chave.

3. Se o painel desejado não existir na solução padrão, crie um painel selecionando Criar Novo na guia Componentes à direita da tela.

   Observação

   Ao adicionar um fluxo de processo empresarial, a opção Criar Novo abre a caixa de diálogo Criar Processo . Para saber mais sobre como criar fluxos de processo de negócios, acesse Criar um fluxo de processo empresarial

4. Conclua as etapas acima selecionando Salvar.

Adicionar uma tabela

Para adicionar uma tabela a um aplicativo, siga estas etapas:

1. Na tela do designer de aplicativo, selecione o bloco Tabelas .

   Na tela do designer de aplicativo, o painel direito mostra painéis disponíveis na solução padrão.

2. Na caixa Pesquisar , digite uma ou mais palavras-chave que correspondam ao nome da tabela desejada.

   A lista de tabelas é filtrada para mostrar resultados que correspondem às palavras-chave.

   Observação

   Ao adicionar uma tabela, a opção Criar Novo abre a caixa de diálogo Nova Tabela . Para saber mais sobre como criar tabelas, acesse Criar uma tabela personalizada.

3. Conclua as etapas acima selecionando Salvar.

Adicionar ativos de tabela

Com os componentes em vigor, ativos de tabela, como formulários, exibições, gráficos e dashboards, podem ser adicionados ao aplicativo.

Esta seção descreve as etapas para adicionar um formulário ao aplicativo. Use as mesmas etapas para adicionar uma exibição ou um gráfico ao aplicativo.

1. Na tela do designer de aplicativo, selecione o bloco Formulários para a tabela relacionada à qual adicionar um formulário.

   Na tela do designer de aplicativo, a linha inteira da tabela está selecionada. No lado direito, todos os formulários existentes para a tabela selecionada serão exibidos.

2. Marque as caixas de seleção dos formulários que precisam estar disponíveis para os usuários. Os formulários definem como os usuários irão visualizar e interagir com dados no aplicativo.

   O bloco de formulário da tabela selecionada exibirá o número de formulários adicionados.

   

   Se nenhum dos formulários de uma tabela estiver selecionado, todos os formulários dessa tabela serão exibidos para os usuários enquanto eles usam o aplicativo. Este comportamento será semelhante para exibições e gráficos também se nenhuma exibição ou gráfico for selecionado. Isso ajuda a criar aplicativos rapidamente quando todos os componentes disponíveis são necessários. Não é necessário selecionar cada componente durante o design do aplicativo.

   Se nenhum dashboard ou fluxos de processo de negócios estiverem selecionados, todos os dashboards e fluxos de processo de negócios estarão disponíveis para os usuários enquanto eles usam o aplicativo.

   Observação

   Para que o aplicativo seja executado, cada tabela adicionada deve ter pelo menos um formulário ativo. Se vários formulários forem selecionados, o primeiro formulário ativo exibido na solução padrão será usado quando os usuários executarem o aplicativo.

3. Para adicionar um novo formulário que não esteja disponível na lista, selecione Criar Novo.

   Na lista suspensa, selecione o tipo de formulário necessário.

   

   Observação

   A lista suspensa só está disponível ao adicionar formulários. Ela não está disponível para exibições e gráficos.

   O designer de formulários é aberto. Mais informações: Criar e desenvolver formulários

   Quando você adiciona um modo de exibição ou um gráfico, a opção Criar Novo abre o designer correspondente. Para obter mais informações, acesse: Entender exibições e criar ou editar um gráfico do sistema

   Observação

   Quando você adicionar uma exibição, poderá selecionar exibições públicas que estão listadas no nó Exibições no explorador da solução.

4. Selecione a seta para baixo para expandir o bloco e ver uma lista dos formulários que foram adicionados.

   Bloco Formulário expandido no designer de aplicativo.Bloco Formulário expandido no designer de aplicativo

5. Repita as etapas anteriores para adicionar exibições de tabela e gráficos ao aplicativo.

6. Clique em Salvar.

Editar ou remover componentes

• Para editar um painel ou um fluxo de processo de negócios, selecione o ícone de seta para baixo para expandir o bloco e, em seguida, selecione o botão Abrir Designer de Mapa do Site correspondente ao painel ou ao fluxo de processo de negócios que precisa ser atualizado.

  O designer do artefato selecionado é aberto.

• Para remover um painel ou fluxo do processo empresarial, selecione a seta para baixo para expandir o bloco e selecione o painel ou fluxo do processo empresarial que precisa ser removido. Na barra de comandos, selecione Remover.

  Outra maneira de remover um painel ou um fluxo do processo empresarial é desmarcando a caixa de seleção correspondente na guia Componentes.

• Para editar ou remover uma tabela, selecione o bloco da tabela e, na barra de comandos, selecione Editar ou Remover. Ao editar uma tabela, o gerenciador de soluções é aberto, onde as alterações na tabela podem ser feitas.

  Outra maneira de remover um componente é selecionar o painel, fluxo do processo de negócios ou o bloco da tabela. Na guia Componentes, desmarque as caixas de seleção dos componentes a serem removidos do designer.

  Observação

  Quando as alterações em uma tabela são feitas, como alterar um nome de exibição de tabela ou descrição, as alterações não aparecem no designer de aplicativo até que as alterações sejam publicadas no gerenciador de soluções.

Editar ou remover ativos de tabela

Editar ativos de tabela

1. Selecione a seta para baixo para expandir o bloco para formulários, exibições, gráficos ou painéis.

2. Selecione o formulário, a exibição, o gráfico ou o painel que precisa ser atualizado.

3. Na barra de comandos, selecione Editar.

   or

   Selecione o botão Mapa do site do designer correspondente ao formulário, exibição, gráfico ou painel.

Remover ativos de tabela

1. Selecione a seta para baixo para expandir o bloco para formulários, exibições, gráficos ou painéis.

2. Para editar um ativo, selecione o formulário, a exibição, o gráfico ou o painel relevantes.

3. Na barra de comandos, selecione Remover.

Como alternativa, selecione o tile de formulários, exibições, gráficos ou painéis e, na guia Componentes, desmarque as caixas de seleção dos ativos que precisam ser removidos.

Próximas etapas

Criar um mapa de site para um aplicativo

Validar e publicar um aplicativo