Personalizar o aplicativo (Common Data Service)

Próximo tópico

Adicionar um fluxo e fonte de dados (Common Data Service)

Continuar

Assistir novamente

Nos dois primeiros tópicos nesta seção, você gerou um aplicativo de uma entidade do Common Data Service e explorou o aplicativo para obter um melhor entendimento de como aplicativos de três telas são compostos. O aplicativo gerado pelo PowerApps é útil, mas geralmente você personalizará um aplicativo após ele ser gerado. Neste tópico, percorreremos algumas alterações básicas para a tela de navegação no aplicativo. Você pode personalizar qualquer uma das telas, mas queríamos nos concentrar em uma e fornecer um pouco mais de detalhes sobre as personalizações. Recomendamos que você tome qualquer aplicativo que você gerar de uma entidade, de um arquivo do Excel ou de outra fonte e veja como você pode personalizá-lo. Essa é realmente a melhor maneira de saber como os aplicativos são formados.

Alterar associações de dados e da galeria

Quando o PowerApps gerou o aplicativo, ele decidiu que layout usar e campos específicos para mostrar em cada tela. Para esse aplicativo, escolheremos um controle da Galeria que tem uma barra de status (personalizaremos a barra de status em breve). No painel direito, na guia Layout, selecione o layout desejado. Você verá os resultados imediatamente porque o PowerApps atualiza o aplicativo conforme você faz as alterações.

Alterar o layout de tela de navegação

Com o layout básico correto, altere agora os campos que são exibidos. Clique ou toque em um campo no primeiro item e, em seguida, no painel à direita, altere os dados que são exibidos para cada item. Isso fornece um resumo melhor de cada item na entidade.

Alterar os campos da tela de navegação

Alterar o tema do aplicativo

O PowerApps fornece um conjunto de temas que você pode usar em seu aplicativo, de modo muito parecido com o que ocorre no PowerPoint. Na tela seguinte, você vê o tema Duna e um logotipo simples que colamos no aplicativo. Essas são alterações básicas, mas que podem fazer muita diferença para melhorar a aparência do seu aplicativo.

Alterar o tema e adicione um logotipo

Usar uma fórmula para mostrar o status da ocorrência

Um dos principais benefícios do PowerApps é não precisar escrever o código de aplicativo tradicional – você não precisa ser um desenvolvedor para criar aplicativos! Mas você ainda precisa de uma maneira para expressar a lógica em um aplicativo e para controlar a navegação, a filtragem, a classificação e as outras funcionalidades de um aplicativo. É aí que entram as fórmulas.

Se você já usou as fórmulas do Excel, a abordagem usada pelo PowerApps lhe deve ser familiar. Suponha que você deseja mostrar a barra de status em verde se uma ocorrência for resolvida ou em vermelho se não for. Para fazer isso, selecione o controle do status na tela e, em seguida, defina a propriedade Preenchimento desse controle para esta fórmula na barra de fórmulas: If(Status="Resolved", Color.Green, Color.Red). Ela é como uma fórmula do Excel, mas fórmulas do PowerApps se referem a controles e outros elementos do aplicativo em vez de células em uma planilha. A imagem a seguir mostra onde definir a fórmula e o resultado no aplicativo.

Fórmula para mostrar o status da ocorrência

Classificar e filtrar com base na data

Na tela de navegação, o aplicativo gerado permite pesquisar ocorrências e classificar a lista de itens na galeria. Removeremos as funcionalidades de pesquisa e de classificação para priorizar a exibição de ocorrências com base em uma data. Você pode combinar esses métodos, mas vamos nos concentrar na abordagem baseada em dados para esse aplicativo. Na imagem abaixo, você vê os itens que adicionamos:

  • Um rótulo de texto (“Mostrar ocorrências após:”) para que os usuários saibam o que fazer: Inserir > Texto > Rótulo; altere a fórmula Preenchimento para Branco.
  • Um seletor de data: Inserir > Controles > Seletor de data.
  • Uma fórmula que conecta a propriedade Itens da galeria de navegação ao seletor de data: Filter(Case, DatePicker1.SelectedDate < LastModifiedDateTime).

A data é definida como 20 de outubro e você vê como resultado que o aplicativo está mostrando as ocorrências criadas após essa data. Observe que, por padrão, todas as ocorrências na entidade têm a mesma data da última modificação. Você pode atualizar um ou mais para ver como a filtragem funciona. Abordaremos o trabalho com os dados de entidade posteriormente no curso.

Aplicativo atualizado para usar o seletor de data

Mostrar o número total de ocorrências

Estamos abordando muitos aspectos básicos aqui, praticamente terminamos as personalizações. A última coisa que vamos fazer neste tópico é adicionar rótulos que mostram dois números: o número total de ocorrências e o número de ocorrências que correspondem ao nosso filtro baseado em data.

Mostre o total de ocorrências e as ocorrências filtradas

O vídeo entra em detalhes sobre como adicionar os dois rótulos, mas estas são as informações básicas sobre quais propriedades definimos para cada rótulo:

  • Alinhar = Center
  • Largura = Parent.Width/2
  • Texto = "Total cases: " & CountRows(Case) da caixa esquerda. Isso inclui todos as ocorrências que estão na entidade.
  • Texto = Filtered cases: " & CountRows(BrowseGallery1.AllItems) da caixa direita. Isso inclui somente as ocorrências que correspondem ao filtro de data.

OK, o que conclui as personalizações de aplicativo – no próximo tópico, adicionaremos uma fonte de dados e um fluxo e mostraremos a você o aplicativo concluído.