Mostrar uma lista de itens de qualquer fonte de dados, adicionando um controle Galeria para seu aplicativo. Este tópico usa o Excel como fonte de dados. Filtrar a lista, configurando a galeria para mostrar somente os itens que correspondem ao critério de filtro em um controle de Entrada de texto.

Pré-requisitos

Adicionar uma galeria

  1. Abra o PowerApps e, em seguida, clique ou toque em Novo próximo à borda esquerda.

  2. No bloco Aplicativo em branco, clique ou toque em Layout do telefone.

  3. Adicione uma conexão à tabela FlooringEstimates no arquivo do Excel.

  4. (opcional) Adicione uma galeria à tela padrão clicando ou tocando na guia Inserir, clicando ou tocando em Galeria e, em seguida, clicando ou tocando em uma galeria que está vazia (em branco) ou que contém um conjunto padrão de controles.

    Essas opções incluem galerias que rolam horizontal ou verticalmente. Você também pode adicionar uma galeria que baseia automaticamente seu tamanho na quantidade de conteúdo de cada item.

    Adicionar galeria

  5. Na guia Página Inicial, clique ou toque em Nova tela.

    É possível adicionar uma tela que está vazia, que rola, que contém uma galeria ou que contém um formulário.

  6. Clique ou toque em Tela de lista para adicionar uma tela que contém uma galeria e outros controles, como uma barra de pesquisa.

    Observação: se você estiver adicionando uma galeria a uma nova tela ou a uma tela existente, poderá clicar ou tocar na parte inferior da galeria para selecioná-la e, em seguida, escolher outro layout no painel direito. Para este tutorial, deixe o layout padrão.

    Escolher o layout da galeria

  7. No painel direito, clique ou toque na fonte de dados e, em seguida, clique ou toque em FlooringEstimates.

    Selecione a fonte de dados

    A galeria mostra os dados de exemplo.

    Mostrar dados

    Você configurará a classificação e pesquisa mais adiante neste tópico.

Adicionar um controle à galeria

Antes de fazer qualquer personalização, escolha um layout da galeria. O primeiro conjunto de controles em uma galeria é o modelo, que determina como todos os dados da galeria são exibidos.

  1. Selecione o modelo clicando ou tocando próximo à parte inferior da galeria e, depois, clicando ou tocando no ícone de lápis no canto superior esquerdo da galeria.

    Editar modelo da galeria

  2. Adicione um controle Rótulo ao modelo da galeria e, em seguida, mova e redimensione o novo controle para que ele não se sobreponha aos outros controles no modelo.

    Adicionar rótulo

  3. Com o controle Rótulo ainda selecionado, abra a lista realçada no painel direito.

    Abrir lista suspensa

  4. Na lista de campos que você acabou de abrir, clique ou toque em Preço.

    Alterar a associação de rótulo

    A galeria mostra os novos valores

    Galeria final

Filtrar a galeria

A propriedade Items de uma galeria determina quais itens são mostrados. Neste procedimento, você configura essa propriedade para que a galeria mostre somente os itens para os quais o nome do produto contém o texto em TextSearchBox1.

Caixa de pesquisa de texto

  1. Defina a propriedade Items da galeria conforme esta fórmula:

    If(IsBlank(TextSearchBox1.Text), FlooringEstimates, Filter(FlooringEstimates, TextSearchBox1.Text in Text(Name)))

    Para obter mais informações sobre as funções desta fórmula, consulte a referência de fórmulas.

  2. Na caixa de pesquisa, digite parte ou todo o nome do produto.

    A galeria mostra somente os itens que atendem aos critérios de filtro.

Classificar a galeria

A propriedade Items de uma galeria determina a ordem na qual os itens são mostrados. Neste procedimento, você configura essa propriedade para que a galeria mostre a ordem dos itens conforme definido pela ImageSortUpDown1.

Imagem de classificação

  1. Defina a propriedade Items da galeria conforme esta fórmula:

    Sort(If(IsBlank(TextSearchBox1.Text), FlooringEstimates, Filter(FlooringEstimates, TextSearchBox1.Text in Text(Name))), Name, If(SortDescending1, SortOrder.Descending, SortOrder.Ascending))

  2. Selecione o ícone de classificação para alterar a ordem de classificação da galeria por nomes dos produtos.

Para classificar e filtrar sua galeria, substitua as duas instâncias do DataSource nesta fórmula pelo nome da fonte de dados e substitua as duas instâncias do ColumnName pelo nome da coluna pela qual deseja classificar e filtrar.

Sort(If(IsBlank(TextSearchBox1.Text), DataSource, Filter( DataSource, TextSearchBox1.Text in Text( ColumnName ))), ColumnName, If(SortDescending1, SortOrder.Descending, SortOrder.Ascending))

Realçar o item selecionado

Defina a propriedade TemplateFill da galeria para uma fórmula semelhante a este exemplo:

If(ThisItem.IsSelected, LightCyan, White)

Alterar a seleção padrão

Defina a propriedade Padrão da galeria para o registro que você deseja selecionar por padrão. Por exemplo, especifique o quinto item na fonte de dados FlooringEstimates:

Last(FirstN(FlooringEstimates, 5))

Neste exemplo, você especifica o primeiro item na categoria Hardwood da fonte de dados FlooringEstimates:

First(Filter(FlooringEstimates, Category = "Hardwood"))

Próximas etapas