Personalizar o aplicativo (lista do SharePoint)

Próximo tópico

Explorar as fórmulas de aplicativo (lista do SharePoint)

Continuar

Assistir novamente

Nos dois primeiros tópicos nesta seção, você gerou um aplicativo de uma lista do SharePoint 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, vamos percorrer algumas alterações básicas para cada tela no aplicativo. Há muito mais que você pode fazer para personalizar um aplicativo – falaremos sobre isso em tópicos posteriores. Enquanto isso, você poderá desenvolver o que aprender neste tópico. Tome qualquer aplicativo que você gerar de uma lista, 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.

Tela de navegação

Começaremos com a tela de navegação. A lista do SharePoint contém uma imagem de cada produto, mas a imagem não é exibida por padrão. Nós corrigiremos isso. No painel direito, na guia Layout, selecione um layout diferente para a tela de navegação. 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 lista.

Alterar os campos da tela de navegação

Tela de detalhes

Na tela de detalhes, gostaríamos de alterar a ordem dos campos e também de exibir a imagem. Há diferentes controles nesta tela, então o processo é um pouco diferente daquele empregado na tela de navegação. Clique ou toque em um campo, no painel à direita, arraste o campo Título na parte superior. Em seguida, clique ou toque no campo Imagem para exibi-lo.

Alterar os campos da tela de detalhes

Tela de edição/criação

Por fim, na tela em que as entradas são editadas e criadas, queremos alterar um campo para facilitar a inserção de texto. Clique ou toque na lista suspensa do campo Visão geral e, em seguida, clique ou toque no controle Editar Texto de Várias Linhas.

Alterar os campos da tela de edição

Você pode ver como algumas etapas básicas podem fazer muita coisa para melhorar a aparência e a experiência de usar um aplicativo gerado. Neste tópico, nosso foco será na interface do usuário do PowerApps Studio, que fornece várias opções para personalizar seus aplicativos. No próximo tópico, abordaremos fórmulas que desempenham uma função importante na condução do comportamento do aplicativo.