Ajouter un écran de défilement dans PowerAppsAdd a scrolling screen in PowerApps

Créez un écran que les utilisateurs peuvent faire défiler pour afficher différents éléments.Create a screen that users can scroll to show different items. Par exemple, vous souhaiterez peut-être créer une application permettant d’afficher des données dans un histogramme et un graphique en courbes.For example, you might want to create an app that displays data in a column chart and line chart. En ajoutant un écran de défilement, vous pouvez ajouter plusieurs contrôles que les utilisateurs peuvent afficher s’ils font défiler l’écran.By adding a scrolling screen, you can add multiple controls, which users can display if they scroll.

Lorsque vous ajoutez plusieurs contrôles dans une section, les contrôles conservent leur position relative dans cette section, peu importe s’il s’agit d’une application pour téléphone ou pour tablette.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. Notez que la taille et l’orientation de l’écran peuvent déterminer la façon dont les sections sont disposées.Note that the screen size and orientation may determine how the sections are arranged.

 

Conditions préalablesPrerequisites

Créer un écran de défilementCreate a scrolling screen

  1. Dans l’onglet Home (Accueil), cliquez ou appuyez sur New Screen (Nouvel écran) :On the Home tab, click or tap New screen:

    Option permettant d’ajouter un écran à une application

  2. Dans l’onglet Home (Accueil), cliquez ou appuyez sur Layouts (Dispositions), puis cliquez ou appuyez sur l’option permettant d’ajouter un canevas de défilement infini :On the Home tab, click or tap Layouts, and then click or tap the option to add an infinite scrolling canvas:

    Option permettant d’ajouter un canevas de défilement infini

    Le canevas est ajouté :The canvas is added:

    Écran avec un canevas de défilement infini, telle qu’il s’affiche par défaut

Ajouter des élémentsAdd elements

À présent, nous allons ajouter des contrôles au canevas pour voir comment l’écran de défilement fonctionne.Now, let's add some controls to the canvas to see how the scrolling screen works.

  1. Dans le canevas que vous avez ajouté, cliquez ou appuyez sur Add an item from the Insert tab (Ajouter un élément à partir de l’onglet Insertion).In the canvas you added, click or tap Add an item from the Insert tab.

  2. Dans l’onglet Insert (Insertion), cliquez ou appuyez sur Charts (Graphiques), puis sur Column Chart (Histogramme).On the Insert tab, click or tap Charts, and then click or tap Column Chart.

    Option permettant d’ajouter un histogramme

    Un histogramme s’affiche dans la première carte à l’écran :A column chart appears in the first card on the screen:

    Histogramme par défaut

  3. Dans l’onglet Insert (Insertion), cliquez ou appuyez sur Text (Texte), puis sur Pen input (Entrée du stylo) :On the Insert tab, click or tap Text, and then click or tap Pen input:

    Option permettant d’ajouter un contrôle Pen (Stylo)

  4. Déplacez le contrôle Pen (Stylo) sous le graphique et redimensionnez ce contrôle de sorte qu’il recouvre la partie inférieure de la carte :Move the pen control below the chart, and resize the pen control to cover the bottom of the card:

    Déplacer et redimensionner le contrôle Pen (Stylo)

Ajouter une sectionAdd a section

À présent, nous allons ajouter une autre carte avec un autre contrôle.Now, let's add another card with another control.

  1. Au bas de l’écran, cliquez ou appuyez sur Add section (Ajouter une section) :Near the bottom of the screen, click or tap Add section:

    Option permettant d’ajouter une section

    Une nouvelle carte est ajoutée à l’écran :A new card is added to the screen:

    Nouvelle carte sous la section par défaut

  2. En laissant la carte sélectionnée, cliquez sur l’onglet Insert (Insertion), cliquez ou appuyez sur Charts (Graphiques), puis sur Line chart (Graphique en courbes).With the card still selected, go to the Insert tab, click or tap Charts, and then click or tap Line chart.

    Le nouveau graphique est trop grand pour s’afficher à l’écran avec les autres contrôles :The new chart is too big to appear on the screen with the other controls:

    Graphique en courbes ajouté au bas de la nouvelle carte

  3. Ouvrez le mode Aperçu en appuyant sur F5 (ou en cliquant ou appuyant sur l’icône de lecture dans l’angle supérieur droit).Open Preview mode by pressing F5 (or by clicking or tapping the play icon near the upper-right corner).

    Ouvrir le mode Aperçu

  4. Faites défiler l’écran pour afficher le nouveau graphique en courbes.Scroll down to display the new line chart.

    Aperçu affichant le graphique en courbes