Lägg till en bläddringsskärm i PowerAppsAdd a scrolling screen in PowerApps

Skapa en skärm där användare kan bläddra för att visa olika objekt.Create a screen that users can scroll to show different items. Du kanske vill skapa en app som visar data i ett stapeldiagram och linjediagram.For example, you might want to create an app that displays data in a column chart and line chart. Med en bläddringsskärm kan du lägga till flera kontroller som användaren kan bläddra mellan.By adding a scrolling screen, you can add multiple controls, which users can display if they scroll.

När du lägger till flera kontroller i ett avsnitt behåller kontrollerna sina relativa positioner i avsnittet, oavsett om det är en mobilapp eller en app för en surfplatta.When you add multiple controls in a section, the controls maintain their relative positions within that section, regardless if it's a phone app or a tablet app. Observera att skärmstorleken och orienteringen kan avgöra hur avsnitten är placerade.Note that the screen size and orientation may determine how the sections are arranged.

FörutsättningarPrerequisites

Lägg till en bläddringsskärmCreate a scrolling screen

  1. På fliken Start klickar eller trycker du på Ny skärm:On the Home tab, click or tap New screen:

    Möjlighet att lägga till en skärm i en app

  2. På fliken Start klickar eller trycker du på Layouter. Klicka eller tryck på möjlighet att lägga till en oändlig rullande arbetsyta:On the Home tab, click or tap Layouts, and then click or tap the option to add an infinite scrolling canvas:

    Alternativ för att lägga till en oändlig rullande arbetsyta

    Arbetsytan har lagts till:The canvas is added:

    Ett fönster med en oändlig rullande arbetsyta som det visas som standard

Lägg till elementAdd elements

Nu ska vi lägga till kontroller i arbetsytan för att se hur rullande skärmen fungerar.Now, let's add some controls to the canvas to see how the scrolling screen works.

  1. På arbetsytan som du har lagt till klickar eller trycker du på Lägg till ett objekt från fliken Infoga.In the canvas you added, click or tap Add an item from the Insert tab.

  2. Klicka eller tryck på Diagram på fliken Infoga och sedan på Stapeldiagram.On the Insert tab, click or tap Charts, and then click or tap Column Chart.

    Alternativet för att lägga till ett stapeldiagram

    Ett stapeldiagram visas på det första kortet på skärmen:A column chart appears in the first card on the screen:

    Standardstapeldiagram

  3. Tryck eller klicka på Text under fliken Infoga och tryck sedan på Penninmatning:On the Insert tab, click or tap Text, and then click or tap Pen input:

    Alternativ för att lägga till en pennkontroll

  4. Flytta pennkontrollen under diagrammet och ändra storleken på pennkontrollen så att den täcker kortets nederdel:Move the pen control below the chart, and resize the pen control to cover the bottom of the card:

    Flytta och ändra storlek på pennkontrollen

Lägg till ett avsnittAdd a section

Nu ska vi lägga till ett annat kort med en annan kontroll.Now, let's add another card with another control.

  1. Längst ned på skärmen klickar eller trycker du på Lägg till en avdelning:Near the bottom of the screen, click or tap Add section:

    Möjlighet att lägga till en avdelning

    Ett nytt kort läggs till på skärmen:A new card is added to the screen:

    Ett nytt kort under standardavsnittet

  2. Med kortet fortfarande markerat, går du till fliken Infoga, klicka på eller tryck på Diagram och klicka eller tryck sedan på Linjediagram.With the card still selected, go to the Insert tab, click or tap Charts, and then click or tap Line chart.

    Det nya diagrammet är för story för att visas på skärmen tillsammans med de andra kontrollerna:The new chart is too big to appear on the screen with the other controls:

    Ett linjediagram har lagts till längst ned på det nya kortet

  3. Öppna förhandsgranskningsläge genom att trycka på F5 (eller genom att trycka på spela upp-ikonen längst upp i högra hörnet).Open Preview mode by pressing F5 (or by clicking or tapping the play icon near the upper-right corner).

    Öppna förhandsgranskningsläget

  4. Bläddra ned för att visa det nya linjediagrammet.Scroll down to display the new line chart.

    Förhandsgranska linjediagrammet