Aggiungere una schermata scorrevole in PowerAppsAdd a scrolling screen in PowerApps

È possibile creare una schermata che gli utenti possono scorrere per visualizzare elementi diversi.Create a screen that users can scroll to show different items. Ad esempio, è possibile creare un'app che visualizza i dati in un istogramma e in un grafico a linee.For example, you might want to create an app that displays data in a column chart and line chart. Aggiungendo una schermata scorrevole si possono inserire più controlli, che gli utenti possono visualizzare mediante lo scorrimento.By adding a scrolling screen, you can add multiple controls, which users can display if they scroll.

Quando si aggiungono più controlli in una sezione, questi mantengono la relativa posizione al suo interno, che si tratti di un'app per telefono o per tablet.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. Si noti che la dimensione e l'orientamento dello schermo possono determinare la disposizione delle sezioni.Note that the screen size and orientation may determine how the sections are arranged.

 

PrerequisitiPrerequisites

Creare una schermata scorrevoleCreate a scrolling screen

  1. Nella scheda Home toccare o fare clic su Nuova schermata:On the Home tab, click or tap New screen:

    Opzione per l'aggiunta di una schermata a un'app

  2. Nella scheda Home toccare o fare clic su Layout e quindi toccare o fare clic sull'opzione per l'aggiunta di un'area di disegno a scorrimento infinito:On the Home tab, click or tap Layouts, and then click or tap the option to add an infinite scrolling canvas:

    Opzione per l'aggiunta di un'area di disegno a scorrimento infinito

    Verrà aggiunta l'area di disegno:The canvas is added:

    Schermata con un'area di disegno a scorrimento infinito, visualizzata per impostazione predefinita

Aggiungere elementiAdd elements

Aggiungere ora alcuni controlli all'area di disegno per verificare il funzionamento della schermata scorrevole.Now, let's add some controls to the canvas to see how the scrolling screen works.

  1. Nell'area di disegno appena aggiunta toccare o fare clic su Aggiungi un elemento dalla scheda Inserisci.In the canvas you added, click or tap Add an item from the Insert tab.

  2. Nella scheda Inserisci toccare o fare clic su Grafici e quindi scegliere Istogramma.On the Insert tab, click or tap Charts, and then click or tap Column Chart.

    Opzione per l'aggiunta di un istogramma

    Nella prima scheda della schermata verrà visualizzato un istogramma:A column chart appears in the first card on the screen:

    Istogramma predefinito

  3. Nella scheda Inserisci toccare o fare clic o su Testo e quindi scegliere Input penna:On the Insert tab, click or tap Text, and then click or tap Pen input:

    Opzione per l'aggiunta di un controllo penna

  4. Spostare il controllo penna sotto il grafico e ridimensionarlo fino a coprire la parte inferiore della scheda:Move the pen control below the chart, and resize the pen control to cover the bottom of the card:

    Spostare e ridimensionare il controllo penna

Aggiungere una sezioneAdd a section

Aggiungere ora un'altra scheda con un altro controllo.Now, let's add another card with another control.

  1. Nella parte inferiore della schermata toccare o fare clic su Aggiungi sezione:Near the bottom of the screen, click or tap Add section:

    Opzione per l'aggiunta di una sezione

    Verrà aggiunta una nuova scheda alla schermata:A new card is added to the screen:

    Nuova scheda sotto la sezione predefinita

  2. Con la scheda ancora selezionata, passare alla scheda Inserisci, toccare o fare clic su Grafici e quindi scegliere Grafico a linee.With the card still selected, go to the Insert tab, click or tap Charts, and then click or tap Line chart.

    Il nuovo grafico è troppo grande per essere visualizzato nella schermata con gli altri controlli:The new chart is too big to appear on the screen with the other controls:

    Grafico a linee aggiunto sotto la nuova scheda

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

    Aprire la modalità di anteprima

  4. Scorrere verso il basso per visualizzare il nuovo grafico a linee.Scroll down to display the new line chart.

    Anteprima che mostra il grafico a linee