Tutorial: Personalizar uma galeria no Power Apps

Neste tutorial, você personalizará uma lista de registros, chamada de galeria, e fará outras alterações em um aplicativo que foi gerado automaticamente no Microsoft Power Apps. Os usuários podem gerenciar dados no aplicativo mesmo que você não faça essas alterações, mas o aplicativo será mais fácil de usar se você personalizá-lo para as necessidades da sua organização.

Por exemplo, a galeria deste tutorial corresponde a este gráfico por padrão. O endereço de e-mail é apresentado com mais destaque do que outros tipos de dados, e os usuários podem classificar e filtrar a galeria com base no texto desse endereço:

No entanto, os usuários podem estar mais interessados no nome da conta do que no endereço de e-mail, portanto, você reconfigurará a galeria para destacar, classificar e filtrar com base nos principais dados da sua organização. Além disso, você alterará o título da tela padrão para diferenciá-la das outras telas do aplicativo.

Você também adicionará uma barra de rolagem para que os usuários que não têm telas sensíveis ao toque ou rodas do mouse possam navegar por toda a galeria.

Este tutorial começa com um aplicativo que foi gerado a partir de uma fonte de dados específica. No entanto, os mesmos conceitos se aplicam a qualquer aplicativo gerado no Power Apps, seja a partir de uma lista criada usando Listas da Microsoft, uma biblioteca do SharePoint, uma tabela do Excel ou alguma outra fonte de dados.

Se não estiver inscrito no Power Apps, inscreva-se gratuitamente antes de começar.

Pré-requisitos

Gere um aplicativo a partir da tabela Contas do Microsoft Dataverse.

Abra o aplicativo gerado

1. Inicie sessão no Power Apps e, em seguida, selecione Aplicações junto à margem esquerda.

2. Localize a aplicação que gerou, selecione o ícone de reticências (...) e, em seguida, selecione Editar.

   

3. Se a caixa de diálogo Bem-vindo ao Power Apps Studio for exibida, selecione Ignorar.

Alterar o layout

1. No painel de navegação esquerdo, selecione BrowseGallery1.

   Quando a galeria é selecionada, uma caixa de seleção com alças a rodeia.

   

2. Na guia Propriedades do painel direito, abra a lista de opções em Layout e selecione a opção que mostra apenas um título.

   

3. Ao lado de Campos, selecione Editar e selecione a seta para baixo da caixa de título.

   O nome desse controle terminará em um numeral, como Título1, mas o numeral pode diferir com base em outras ações que você possa ter tomado.

4. Na lista de opções, selecione Nome da conta e feche o painel Dados .

   A galeria mostra o nome de cada conta.

   

Alterar a classificação e as colunas de pesquisa

1. Selecione a galeria como descrito na seção anterior.

   

2. Junto ao canto superior esquerdo, confirme que a lista de propriedades mostra Itens.

   

   O valor dessa propriedade aparece na barra de fórmulas. Você define essa propriedade para especificar não apenas a fonte de dados para a galeria, mas também as colunas pelas quais os usuários podem classificar e pesquisar os dados.

3. Copie esta fórmula e, em seguida, cole-a na barra de fórmulas.

   SortByColumns(Search(Accounts, TextSearchBox1.Text, "name"), "name", If(SortDescending1, Descending, Ascending))

   Ao usar essa fórmula, você garante que:

   • Se um usuário digitar um ou mais caracteres na barra de pesquisa, a galeria mostrará apenas os nomes de conta que contêm o texto digitado pelo usuário.
   • Se um usuário selecionar o ícone de classificação, a galeria será classificada alfabeticamente por nome de conta em ordem crescente ou decrescente, dependendo de quantas vezes o usuário selecionar o ícone.

   Para obter mais informações sobre essas e outras funções, consulte a referência da fórmula.

Testar a ordenação e a pesquisa

1. Abra o modo de visualização pressionando F5 (ou selecionando o botão de reprodução perto do canto superior direito).

   

2. Perto do canto superior direito da tela de navegação, selecione o ícone de classificação uma ou mais vezes para alterar a ordem de classificação alfabética entre crescente e descendente.

   

3. Na caixa de pesquisa, digite k para mostrar apenas os nomes de conta que contêm a letra digitada.

   

4. Remova todo o texto da barra de pesquisa e feche o modo de visualização pressionando Esc (ou selecionando o ícone de fechamento próximo ao canto superior direito).

Alterar o título do ecrã

1. Selecione o título da tela clicando ou tocando nele.

   

2. Certifique-se de que a lista de propriedades mostra Texto e, na barra de fórmulas, substitua Contas por Procurar (mantendo as aspas duplas).

   

   O ecrã reflete as alterações.

   

Mostrar uma barra de rolagem

Se os usuários não tiverem telas sensíveis ao toque nem rodas do mouse, configure a galeria para mostrar uma barra de rolagem quando o usuário passar o mouse sobre ela. Dessa forma, os usuários podem mostrar todas as contas, mesmo que a tela não possa mostrá-las todas de uma vez.

1. Selecione a galeria como o primeiro procedimento descreve.

   

2. Defina a propriedade Mostrar barra de rolagem da galeria como true.

Próximos passos

Neste tutorial, você personalizou a galeria e fez outras alterações na tela padrão para procurar registros em um aplicativo gerado. Você também pode personalizar as telas padrão para exibir detalhes e criar ou atualizar contas. Como a tela de navegação contém uma galeria, as outras duas telas no aplicativo contêm formulários. Você pode alterar, por exemplo, quais tipos de dados os formulários mostram e em que ordem.