Depois de gerar automaticamente um aplicativo no PowerApps, personalize a tela de navegação, que aparece por padrão. Especifique qual layout será usado, quais colunas serão mostradas e quais colunas serão usadas ao classificar e filtrar os registros.

Pré-requisitos

Você pode examinar este tutorial para ver apenas os conceitos gerais ou pode seguir exatamente se concluir essas etapas.

  1. Crie uma conexão do PowerApps com o SharePoint.
  2. Crie uma lista do SharePoint, denominada AppGen, que contém essas colunas.

    Colunas de exemplo do SharePoint

  3. Adicione esses itens à lista que você acabou de criar.

    Dados de exemplo

  4. Gerar um aplicativo automaticamente com base na lista que você acabou de criar.

Personalizar a galeria

  1. Na barra de navegação à esquerda, clique ou toque na miniatura superior para garantir que BrowseScreen1 está selecionada.

    Miniatura de BrowseScreen1

    BrowseScreen1 mostra a AccountID e o Title de cada item na lista do SharePoint.

    Navegar a tela mostra os títulos e as IDs da conta

    Em seguida, você especificará que OrderDate de cada item aparecerá, em vez de AccountID.

  2. Clique ou toque em AccountID para o primeiro item na tela.

    Quando você clica ou toca em um elemento da IU (denominado de controle), seleciona-o e uma borda de seleção com alças de redimensionamento aparece em torno do controle.

    Selecionar corpo do primeiro item

  3. No painel direito, abra a lista Title1 e, em seguida, clique ou toque em OrderDate.

    Mostrar título

    BrowseScreen1 reflete a alteração.

    Layout com datas

Para obter mais informações sobre galerias, consulte Mostrar uma lista de itens no PowerApps.

Definir as colunas de classificação e pesquisa

  1. Selecione o controle Gallery clicando ou tocando em qualquer registro, exceto o primeiro.

    Selecionar galeria

  2. No canto superior esquerdo, verifique se a lista de propriedades mostra Itens.

    Propriedade Itens

    O valor dessa propriedade, que aparece na barra de fórmulas, determina não apenas a fonte de dados exibida na tela, mas também as colunas de filtro e classificação.

    Por exemplo, a barra de fórmulas pode conter essa fórmula por padrão.

    Propriedade Default Items

    Com base nessa fórmula, os usuários podem mostrar somente os registros que começam com uma ou mais letras na coluna AccountID.

    Colunas de pesquisa padrão

    Se um usuário digitou, por exemplo, a letra “A” na barra de pesquisa, a tela mostrará o registro para Europa. O título do registro não corresponde ao critério de pesquisa, mas o ID da conta sim. Posteriormente neste procedimento, você mudará a fórmula para filtrar os registros com base na coluna Título.

    Em qualquer aplicativo gerado, os usuários possam classificar os registros alfabeticamente na ordem ascendente ou descendente clicando ou tocando no botão de classificação no canto superior direito. Esta fórmula especifica que os registros serão classificados com base na coluna AccountID.

    Coluna de classificação padrão

    Posteriormente neste procedimento, você irá alterar a fórmula para classificar os registros com base na coluna Title.

  3. Na barra de fórmulas, substitua as duas instâncias de AccountID por Title (incluindo as aspas duplas em torno da segunda instância).

    Barra de fórmula agora deve conter uma fórmula que é semelhante a este exemplo:
    SortByColumns(Filter(AppGen, StartsWith(Title, TextSearchBox1.Text)), "Title", If(SortDescending1, Descending, Ascending))

    Observação: o número que aparece depois de TextSearchBox pode ser maior, dependendo de quais ações você tomou anteriormente. No entanto, a fórmula deverá continuar funcionando conforme o esperado.

Testar classificação e pesquisa

  1. Abra o modo de Visualização pressionando F5 (clicando ou tocando no botão de reprodução no canto superior direito).

    Abrir modo de Visualização

  2. Perto do canto superior direito de BrowseScreen1, clique ou toque no botão de classificação uma ou mais vezes para alterar a ordem alfabética de classificação entre ascendente e descendente.

    Testar botão de classificação

  3. Na caixa de pesquisa, digite uma ou mais letras para mostrar somente os registros cujo título começa com as letras digitadas.

    Testar barra de pesquisa

  4. Remova todo o texto da barra de pesquisa, em seguida, feche o modo de Visualização pressionando Esc (clicando ou tocando no ícone Fechar na barra de título do PowerApps).

    Fechar modo de Visualização

Alterar o título da tela

  1. Clique ou toque no título da tela para selecioná-lo.

    Selecionar título da tela

  2. Verifique se a lista de propriedades mostra Text e digite o nome que você deseja, entre aspas duplas, na barra de fórmulas.

    Atualizar título da tela

    BrowseScreen1 reflete a alteração.

    Novo título da tela

Próximas etapas

  • Pressione Ctrl-S para salvar suas alterações.
  • Personalize os formulários no aplicativo mostrando, ocultando e reordenando os campos que os formulários mostram.