Visa en lista med objekt från någon datakälla genom att lägga till ett galleri i din app. Det här avsnittet använder Excel som datakälla. Filtrera listan genom att konfigurera gallerikontrollen så att endast objekt som motsvarar filterkriterierna visas i textinmatningskontrollen.

Förutsättningar

Lägga till en gallerikontroll

  1. I PowerApps Studio klickar eller trycker du på Nytt nära skärmens vänstra kant.

  2. På panelen Tom app klickar du på eller trycker på Layout för mobil.

  3. Klicka eller tryck på Hoppa över i dialogrutan Välkommen till PowerApps Studio.

  4. Lägg till en anslutning till tabellen FlooringEstimates i Excel-filen.

  5. (valfritt) Lägg till en gallerikontroll på standardskärmen genom att klicka eller trycka på fliken Infoga eller klicka eller trycka på Galleri, och sedan klicka eller trycka på en gallerikontroll som är tom eller som innehåller en standarduppsättning med kontroller.

    Bland dessa alternativ finns gallerikontroller som kan rullas vågrätt eller lodrätt. Du kan också lägga till en gallerikontroll vars storlek automatiskt baseras på mängden innehåll i varje objekt.

    Lägg till galleri

  6. På fliken Start klickar eller trycker du på Ny skärm.

    Du kan lägga till en skärm som är tom, som rullar eller som innehåller en gallerikontroll eller ett formulär.

  7. Klicka på eller tryck på Listskärmen om du vill lägga till en skärm som innehåller en gallerikontroll och andra kontroller, t.ex. ett sökfält.

    OBS! Oavsett om du lägger till en gallerikontroll i ett nytt fönster eller i ett befintligt, så kan du välja den genom att klicka eller trycka längst ned i gallerikontrollen, eller så kan du klicka eller trycka på Golvbeläggningsuppskattningar till höger, och sedan klicka eller trycka på en annan layout i rutan Data. I den här kursen låter vi standardlayouten vara.

    Välj gallerilayout

  8. Klicka eller tryck på gallerikontrollen på den skärm som du just har lagt till.

  9. Klicka eller tryck på CustomGallerySample på fliken Egenskaper i den högra rutan.

  10. Klicka eller tryck på CustomGallerySample i rutan Data och klicka eller tryck sedan på Golvläggningsoffert.

    Välj datakälla

    Exempeldata visas i gallerikontrollen.

    Visa data

    Du konfigurerar sökning och sortering längre fram i avsnittet.

Lägga till en kontroll i gallerikontrollen

Välj en gallerikontrollens layout innan du gör någon anpassning. Den första uppsättningen kontroller i en gallerikontroll är den mall som avgör hur alla data i gallerikontrollen visas.

  1. Välj mallen genom att klicka eller trycka längst ned i gallerikontrollen och sedan klicka eller peka på pennikonen i det övre vänstra hörnet.

    Redigera gallerimall

  2. Lägg till en etikettkontroll när mallen är markerad och flytta och ändra sedan storlek på den nya kontrollen, så att den inte överlappar övriga kontroller i mallen.

    Lägg till etikett

  3. Öppna rutan Data genom att markera mallen och sedan klicka eller trycka på Golvbeläggningsuppskattningar i den högra rutan.

  4. Välj den etikett som du lade till tidigare i den här proceduren och öppna sedan den markerade listan i rutan Data.

    Öppna listrutan

  5. Klicka eller tryck på Pris i listan.

    Ändra etikettbindning

    De nya värdena visas i gallerikontrollen.

Slutgalleri

Filtrera gallerikontrollen

Egenskapen Objekt för en gallerikontroll avgör vilka objekt som visas. I den här proceduren konfigurerar du egenskapen så att gallerikontrollen bara visar de objekt vars produktnamn innehåller text i TextSearchBox1.

Textruta för sökning

  1. Välj gallerikontrollen genom att klicka eller trycka längst ned i kontrollen.

  2. Ge gallerikontrollens egenskap Items på fliken Avancerat följande formel:

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

    Mer information om funktionerna i formeln finns i formelreferensen.

  3. Skriv hela eller delar av ett produktnamn i sökrutan.

    Gallerikontrollen visar bara de objekt som uppfyller filterkriterierna.

Filtrera gallerikontrollen

En gallerikontrolls egenskap Objekt styr i vilken ordning objekten visas. I den här proceduren konfigurerar du egenskapen så att gallerikontrollen visar ordningen på de objekt som har angetts i ImageSortUpDown1.

Bild för sortering

  1. Ställ in gallerikontrollens egenskap Items på följande formel:

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

  2. Välj sorteringsikonen om du vill sortera gallerikontrollen efter produktnamn.

Sortera och filtrera gallerikontrollen:

  • Ersätt båda instanserna av DataSource i den här formeln med datakällans namn.
  • Ersätt båda instanserna av ColumnName med namnet på den kolumn som du vill sortera och filtrera efter.

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

Markera det valda objektet

Ställ in gallerikontrollens egenskap TemplateFill på en formel liknande den i följande exempel:

If(ThisItem.IsSelected, LightCyan, White)

Ändra standardurvalet

Ställ in gallerikontrollens egenskap Default på den post som du vill välja som standard. Du kan t.ex. ange det femte objektet i datakällan FlooringEstimates:

Last(FirstN(FlooringEstimates, 5))

I det här exemplet anger du det första objektet i kategorin Hardwood för datakällan FlooringEstimates:

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

Nästa steg