Personalizar um esquema de galeria no PowerAppsCustomize a gallery layout in PowerApps

Depois de gerar uma aplicação automaticamente no PowerApps, personalize o ecrã de procura, que aparece por predefinição.After you generate an app automatically in PowerApps, customize the browse screen, which appears by default. Especifique que esquema utilizar, que colunas mostrar e que colunas utilizar ao ordenar e filtrar registos.Specify which layout to use, which columns to show, and which columns to use when sorting and filtering records.

Pré-requisitosPrerequisites

Pode rever neste tutorial apenas os conceitos gerais ou pode segui-lo exatamente se concluir estes passos.You can review this tutorial for general concepts only, or you can follow it exactly if you complete these steps.

  1. Crie uma ligação do PowerApps para o SharePoint.Create a connection from PowerApps to SharePoint.
  2. Crie uma lista do SharePoint com o nome AppGen e que contenha as colunas seguintes.Create a SharePoint list, named AppGen, that contains these columns.

    Colunas de exemplo do SharePoint

  3. Adicione estes itens à lista que acabou de criar.Add these items to the list that you just created.

    Dados de exemplo

  4. Gere automaticamente uma aplicação com base na lista que acabou de criar.Generate an app automatically based on the list that you just created.
  5. Na barra de navegação à esquerda, clique ou toque num ícone, no canto superior direito, para mudar para a vista de miniatura.In the left navigation bar, click or tap an icon in the upper-right corner to switch to the thumbnail view.

    Alternar as vistas

  1. Na barra de navegação esquerda, clique ou toque na miniatura de cima para garantir que BrowseScreen1 está selecionado.In the left navigation bar, click or tap the top thumbnail to ensure that BrowseScreen1 is selected.

    Miniatura do BrowseScreen1

    O BrowseScreen1 mostra o AccountID e o Título de cada item na lista do SharePoint.BrowseScreen1 shows the AccountID and Title of each item in the SharePoint list.

    O ecrã de procura mostra os títulos e os IDs de conta

    Em seguida, especifique que OrderDate de cada item é apresentado em vez de AccountID.Next, you'll specify that the OrderDate for each item will appear instead of the AccountID.

  2. Clique ou toque em AccountID relativo ao primeiro item no ecrã.Click or tap the AccountID for the first item on the screen.

    Quando clica ou toca num elemento da IU (chamado controlo), este fica selecionado e aparece um limite de seleção com alças de redimensionamento à volta do controlo.When you click or tap a UI element (called a control), you select it, and a selection border with resize handles appears around that control.

    Selecionar o corpo do primeiro item

  3. No painel da direita, abra a lista Title1 e clique ou toque em OrderDate.In the right-hand pane, open the Title1 list, and then click or tap OrderDate.

    Mostrar o título

    O BrowseScreen1 reflete a alteração.BrowseScreen1 reflects your change.

    Esquema com datas

Para obter mais informações sobre as galerias, veja Mostrar uma lista de itens no PowerApps.For more information about galleries, see Show a list of items in PowerApps.

Definir as colunas de pesquisa e ordenaçãoSet the sort and search columns

  1. Clique ou toque num registo, exceto no primeiro, para a selecionar a Galeria.Select the Gallery control by clicking or tapping any record except the first one.

    Selecionar a galeria

  2. Perto do canto superior esquerdo, confirme que a lista de propriedades mostra Itens.Near the upper-left corner, ensure that the property list shows Items.

    Propriedade Itens

    O valor desta propriedade, que aparece na barra de fórmulas, determina não só a origem dos dados que aparecem no ecrã como também as colunas de filtro e de ordenação.The value of this property, which appears in the formula bar, determines not only the source of data that appears on the screen but also the filter and sort columns.

    Por exemplo, a barra de fórmulas poderá conter esta fórmula por predefinição.For example, the formula bar might contain this formula by default.

    Propriedade Itens predefinida

    Com base nesta fórmula, os utilizadores podem mostrar apenas esses registos que começam com uma ou mais letras na coluna AccountID.Based on this formula, users can show only those records that start with one or more letters in the AccountID column.

    Colunas de pesquisa predefinidas

    Se um utilizador escrever, por exemplo, a letra “A” na barra de pesquisa, o ecrã mostrará o registo relativo à Europa.If a user typed, for example, the letter "A" into the search bar, the screen would show the record for Europa. O título do registo não corresponde ao critério da pesquisa, mas o ID da conta corresponde.The title of that record doesn't match the search criterion, but the account ID does. Mais tarde neste procedimento, vai alterar a fórmula para filtrar registos com base na coluna Título.Later in this procedure, you'll change the formula to filter records based on the Title column.

    Em qualquer aplicação gerada, os utilizadores podem ordenar registos por ordem alfabética ascendente ou descendente ao clicar ou tocar no botão de ordenação, no canto superior direito.In any generated app, users can sort records alphabetically in ascending or descending order by clicking or tapping the sort button near the upper-right corner. Esta fórmula especifica que os registos são ordenados com base na coluna AccountID.This formula specifies that the records will be sorted based on the AccountID column.

    Coluna de ordenação predefinida

    Mais tarde neste procedimento, vai alterar a fórmula para ordenar, em alternativa, os registos com base na coluna Título.Later in this procedure, you'll change the formula to sort the records based on the Title column instead.

  3. Na barra de fórmulas, substitua ambas as instâncias de AccountID por Título (incluindo as aspas à volta da segunda instância).In the formula bar, replace both instances of AccountID with Title (including the double quotation marks around the second instance).

    A barra de fórmulas deve conter, agora, uma fórmula semelhante ao exemplo seguinte:The formula bar should now contain a formula that resembles this example:
    SortByColumns(Filter(AppGen, StartsWith(Title, TextSearchBox1.Text)), "Title", If(SortDescending1, Descending, Ascending))SortByColumns(Filter(AppGen, StartsWith(Title, TextSearchBox1.Text)), "Title", If(SortDescending1, Descending, Ascending))

    Nota: o número que aparece a seguir a TextSearchBox poderá ser superior, consoante as ações que realizou anteriormente.Note: The number that appears after TextSearchBox might be higher, depending on what actions you took previously. No entanto, a fórmula deverá continuar a funcionar conforme esperado.However, the formula should still work as expected.

Testar a ordenação e a pesquisaTest sorting and searching

  1. Prima F5 (ou clique ou toque no botão de reprodução, junto ao canto superior direito) para abrir o Modo de pré-visualização.Open Preview mode by pressing F5 (or by clicking or tapping the play button near the upper-right corner).

    Abrir o Modo de pré-visualização

  2. Perto do canto superior direito do BrowseScreen1, clique ou toque no botão de ordenação uma ou mais vezes para alterar a ordem de ordenação alfabética entre ascendente e descendente.Near the upper-right corner of BrowseScreen1, click or tap the sort button one or more times to change the alphabetical sort order between ascending and descending.

    Testar o botão de ordenação

  3. Na caixa de pesquisa, escreva mais letras para mostrar apenas os registos cujo título começa com a letra ou letras que escreveu.In the search box, type one more letters to show only those records of which the title starts with the letter or letters that you type.

    Testar a barra de pesquisa

  4. Remova todo o texto da barra de pesquisa e prima F5 (ou clique ou toque no ícone de fechar, sob a barra de título do PowerApps) para fechar o Modo de pré-visualização.Remove all text from the search bar, and then close Preview mode by pressing Esc (or by clicking or tapping the close icon under the title bar for PowerApps).

    Fechar o Modo de pré-visualização

Alterar o título do ecrãChange the title of the screen

  1. Clique ou toque no título do ecrã para o selecionar.Click or tap the title of the screen to select it.

    Selecionar o título do ecrã

  2. Confirme que a lista de propriedades mostra Texto e escreva o nome que pretende, entre aspas, na barra de fórmulas.Ensure that the property list shows Text, and then type the name that you want, surrounded by double quotation marks, in the formula bar.

    Atualizar o título do ecrã

    O BrowseScreen1 reflete a alteração.BrowseScreen1 reflects your change.

    Novo título do ecrã

Passos seguintesNext steps

  • Premir Ctrl-S para guardar as alterações.Press Ctrl-S to save your changes.
  • Personalizar os formulários na aplicação ao mostrar, ocultar e reordenar os campos que os formulários mostram.Customize the forms in the app by showing, hiding, and reordering the fields that the forms show.