Personalizzare un layout raccolta in PowerAppsCustomize a gallery layout in PowerApps

Dopo aver generato automaticamente un'app in PowerApps, personalizzare la schermata di esplorazione, visualizzata per impostazione predefinita.After you generate an app automatically in PowerApps, customize the browse screen, which appears by default. Specificare quale layout usare, quali colonne mostrare e quali colonne usare per l'ordinamento e il filtro di record.Specify which layout to use, which columns to show, and which columns to use when sorting and filtering records.

PrerequisitiPrerequisites

È possibile esaminare questa esercitazione solo per informazioni sui concetti generali oppure è possibile seguirla esattamente se si completano questi passaggi.You can review this tutorial for general concepts only, or you can follow it exactly if you complete these steps.

  1. Creare una connessione da PowerApps a SharePoint.Create a connection from PowerApps to SharePoint.
  2. Creare un elenco di SharePoint, chiamato AppGen, che contiene queste colonne.Create a SharePoint list, named AppGen, that contains these columns.

    Colonne di esempio in SharePoint

  3. Aggiungere questi elementi all'elenco appena creato.Add these items to the list that you just created.

    Dati di esempio

  4. Generare un'app automaticamente in base all'elenco appena creato.Generate an app automatically based on the list that you just created.
  5. Nella barra di spostamento a sinistra fare clic o toccare un'icona nell'angolo in alto a destra per passare alla visualizzazione dell'anteprima.In the left navigation bar, click or tap an icon in the upper-right corner to switch to the thumbnail view.

    Attivare o disattivare le visualizzazioni

  1. Sulla barra di spostamento a sinistra toccare o fare clic sulla prima anteprima per assicurarsi che BrowseScreen1 sia selezionato.In the left navigation bar, click or tap the top thumbnail to ensure that BrowseScreen1 is selected.

    Anteprima per SchermataEsplora1

    BrowseScreen1 mostra AccountID e Title di ciascun elemento nell'elenco di SharePoint.BrowseScreen1 shows the AccountID and Title of each item in the SharePoint list.

    La schermata di esplorazione mostra i titoli e gli ID account

    Specificare quindi che per ogni elemento verrà visualizzato OrderDate invece di AccountID.Next, you'll specify that the OrderDate for each item will appear instead of the AccountID.

  2. Toccare o fare clic su AccountID per il primo elemento sullo schermo.Click or tap the AccountID for the first item on the screen.

    Quando si tocca o si fa clic su un elemento dell'interfaccia utente (chiamato controllo), lo si seleziona e attorno al controllo viene visualizzato un bordo di selezione con quadratini di ridimensionamento.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.

    Selezionare il corpo del primo elemento

  3. Nel riquadro di destra aprire l'elenco Title1 e quindi scegliere o toccare OrderDate.In the right-hand pane, open the Title1 list, and then click or tap OrderDate.

    Mostrare il titolo

    SchermataEsplora1 riflette le modifiche apportate.BrowseScreen1 reflects your change.

    Layout con date

Per altre informazioni sulle raccolte, vedere Visualizzare un elenco di elementi in PowerApps.For more information about galleries, see Show a list of items in PowerApps.

Impostare le colonne di ordinamento e di ricercaSet the sort and search columns

  1. Selezionare il controllo Raccolta toccando o facendo clic su qualsiasi record ad eccezione del primo.Select the Gallery control by clicking or tapping any record except the first one.

    Selezionare la raccolta

  2. Nell'angolo in alto a sinistra verificare che nell'elenco di proprietà sia visualizzato Items.Near the upper-left corner, ensure that the property list shows Items.

    Proprietà Items

    Il valore di questa proprietà, visualizzato nella barra della formula, determina non solo l'origine dei dati visualizzata sullo schermo, ma anche le colonne di filtro e di ordinamento.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.

    Ad esempio, la barra della formula potrebbe contenere questa formula per impostazione predefinita.For example, the formula bar might contain this formula by default.

    Proprietà Items predefinita

    In base a questa formula, gli utenti possono mostrare solo i record che iniziano con una o più lettere nella colonna AccountID.Based on this formula, users can show only those records that start with one or more letters in the AccountID column.

    Colonne di ricerca predefinite

    Se un utente digita, ad esempio, la lettera "A" nella barra di ricerca, lo schermo mostra il record per Europa.If a user typed, for example, the letter "A" into the search bar, the screen would show the record for Europa. Il titolo del record non corrisponde al criterio di ricerca, ma l'account ID sì.The title of that record doesn't match the search criterion, but the account ID does. Più avanti in questa procedura si modificherà la formula per poter filtrare i record in base alla colonna Title.Later in this procedure, you'll change the formula to filter records based on the Title column.

    In qualsiasi app generata gli utenti possono ordinare alfabeticamente i record in ordine crescente o decrescente toccando o facendo clic sul pulsante di ordinamento nell'angolo in alto a destra.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. Questa formula specifica che i record verranno ordinati in base alla colonna AccountID.This formula specifies that the records will be sorted based on the AccountID column.

    Colonna di ordinamento predefinita

    Più avanti in questa procedura si modificherà la formula in modo da ordinare i record in base alla colonna Title.Later in this procedure, you'll change the formula to sort the records based on the Title column instead.

  3. Nella barra della formula sostituire entrambe le istanze di "AccountID" con Title (incluse le virgolette doppie per la seconda istanza).In the formula bar, replace both instances of AccountID with Title (including the double quotation marks around the second instance).

    La barra della formula deve ora contenere una formula che assomigli a questo esempio: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: il numero visualizzato dopo TextSearchBox potrebbe essere maggiore, a seconda delle azioni eseguite prima.Note: The number that appears after TextSearchBox might be higher, depending on what actions you took previously. Tuttavia, la formula dovrebbe comunque funzionare nel modo previsto.However, the formula should still work as expected.

Testare l'ordinamento e la ricercaTest sorting and searching

  1. Aprire la modalità di anteprima premendo F5 (oppure toccando o facendo clic sul pulsante di riproduzione nell'angolo in alto a destra).Open Preview mode by pressing F5 (or by clicking or tapping the play button near the upper-right corner).

    Aprire la modalità di anteprima

  2. Nell'angolo in alto a destra di SchermataEsplora1 toccare o fare clic sul pulsante di ordinamento una o più volte per modificare l'ordine alfabetico tra crescente e decrescente.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.

    Testare il pulsante di ordinamento

  3. Nella casella di ricerca digitare una o più lettere per mostrare solo i record il cui titolo inizia per la lettera o le lettere digitate.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.

    Testare la barra di ricerca

  4. Rimuovere tutto il testo dalla barra di ricerca e quindi chiudere la modalità di anteprima premendo ESC (oppure toccando o facendo clic sull'icona di chiusura sotto la barra del titolo per PowerApps).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).

    Chiudere la modalità di anteprima

Modificare il titolo della schermataChange the title of the screen

  1. Toccare o fare clic sul titolo della schermata per selezionarlo.Click or tap the title of the screen to select it.

    Selezionare il titolo della schermata

  2. Assicurarsi che l'elenco di proprietà mostri Text e quindi digitare il nome desiderato, racchiuso tra virgolette doppie, nella barra della formula.Ensure that the property list shows Text, and then type the name that you want, surrounded by double quotation marks, in the formula bar.

    Aggiornare il titolo della schermata

    SchermataEsplora1 riflette le modifiche apportate.BrowseScreen1 reflects your change.

    Nuovo titolo della schermata

Passaggi successiviNext steps

  • Premere CTRL+S per salvare le modifiche.Press Ctrl-S to save your changes.
  • Personalizzare i moduli nell'app mostrando, nascondendo e riordinando i campi visualizzati dai moduli.Customize the forms in the app by showing, hiding, and reordering the fields that the forms show.