Conditions préalables

Dans ce didacticiel, nous allons :

  • Créer un fichier Excel et le mettre en forme en tant que tableau
  • Créer une connexion à OneDrive Entreprise. N’importe quel compte de stockage cloud peut être utilisé. Dans cette procédure pas à pas, nous utilisons OneDrive Entreprise.
  • Créer une application avec un contrôle de saisie effectuée à l’aide du stylet
  • Enregistrer les images créées à partir du contrôle de saisie effectuée à l’aide du stylet dans un fichier Excel
  • Afficher des images à partir d’un fichier Excel dans votre application

Créer le fichier Excel sous forme de tableau

  1. Dans un fichier Excel vide, nommez une colonne Image [image].
  2. Créez un tableau en procédant comme suit :

    1. Sélectionnez n’importe quel élément de données dans une ligne et une colonne. Par exemple, sélectionnez Image.
    2. Dans le ruban Insertion, sélectionnez Tableau.
    3. Dans la boîte de dialogue, sélectionnez Mon tableau comporte des en-têtes, puis sélectionnez OK.

      Votre fichier Excel se présente désormais sous forme de tableau. La page Mettre en forme un tableau Excel fournit des détails supplémentaires sur la mise en forme des tableaux dans Excel.

    4. Nommez le tableau Drawings :

      Renommer le tableau Drawings

  3. Nommez le fichier Excel SavePen.xlsx et enregistrez le fichier dans votre compte de stockage cloud (OneDrive Entreprise, Dropbox, etc.).

Créer une application avec le contrôle à l’aide du stylet

  1. Dans PowerApps, créez une application vide.
  2. Dans votre application, ajoutez le compte de stockage cloud comme source de données. Une fois le compte ajouté comme source de données, ajoutez SavePen.xlsx en tant que connexion, puis sélectionnez le tableau Drawings :
    Se connecter

    À présent, le tableau Drawings est répertorié comme une source de données.

  3. Dans le menu Insertion, sélectionnez Texte, puis Saisie effectuée à l’aide du stylet. Renommez-le MyPen :

    Renommer

  4. Ajoutez un contrôle Button (menu Insertion), puis définissez sa propriété OnSelect sur la formule suivante :
    Patch(Drawings, Defaults(Drawings), {Image:MyPen.Image})

  5. Ajoutez un contrôle Image gallery (menu Insertion > Galerie) et définissez sa propriété Items sur Drawings. La propriété Image du contrôle de galerie est automatiquement définie sur ThisItem.Image.

    Votre écran doit ressembler à ceci :

    Exemple d’écran

  6. Appuyez sur F5 ou sélectionnez Aperçu ( ). Dessinez un élément dans MyPen, puis sélectionnez le bouton. La première image dans le contrôle de la galerie affiche ce que vous avez dessiné. Ajoutez un autre élément à votre dessin, puis appuyez ou cliquez sur le bouton. La seconde image dans le contrôle de la galerie affiche ce que vous avez dessiné.

    Fermez la fenêtre d’aperçu.

  7. Accédez à votre compte de stockage cloud. Un nouveau dossier SavePen_images est créé automatiquement. Vous devrez peut-être actualiser l’affichage pour voir le nouveau dossier. Ce dossier contient vos images enregistrées avec des ID en tant que noms de fichier.

    Ouvrez SavePen.xlsx. La colonne Image inclut le chemin d’accès vers ces nouvelles images.

Ajouter l’image d’un fichier Excel à votre application

Dans un autre exemple, vous pouvez enregistrer des images dans un compte de stockage cloud, puis utiliser un tableau Excel pour afficher les images dans votre application.

Dans cet exemple, nous utilisons le fichier CreateFirstApp.zip qui contient des fichiers .jpeg.

REMARQUE : lors de l’affichage des images d’un fichier Excel, le chemin d’accès à ces dernières doit utiliser des barres obliques. Lorsque PowerApps enregistre des images dans un tableau Excel (comme dans les étapes précédentes), le chemin d’accès utilise des barres obliques inverses. Par conséquent, vous pouvez également utiliser le dossier SavePen_images de l’exemple précédent. Dans ce cas, modifiez les chemins d’accès du tableau Excel pour utiliser des barres obliques au lieu des barres obliques inverses. Dans le cas contraire, les images ne s’afficheront pas.

  1. Téléchargez CreateFirstApp.zip et extrayez le dossier Assets vers votre compte de stockage cloud.
  2. Dans une feuille de calcul Excel, créez un tableau qui ressemble au suivant :

    Tableau Jackets

  3. Nommez le tableau Jackets. Nommez le fichier Excel Assets.xlsx. Vous pouvez également remplacer le nom du dossier Assets par Assets_images.

  4. Dans votre application, ajoutez le tableau Jackets comme source de données.

  5. Ajoutez un contrôle Image only (menu Insertion > Galerie) et définissez sa propriété Items sur Jackets :

    Propriété Items

    La galerie est automatiquement mise à jour et affiche les images :

    Images Jackets

Lorsque vous définissez la propriété Items, le tableau Excel est automatiquement mis à jour avec une nouvelle colonne nommée PowerAppsId.

Dans le tableau Excel, le chemin d’accès de l’image peut également être l’URL d’une image. Téléchargez l’exemple de fichier Flooring Estimates sur votre compte de stockage cloud, ajoutez le tableau FlooringEstimates comme source de données dans votre application, puis définissez le contrôle de galerie sur FlooringEstimates. La galerie est automatiquement mise à jour avec les images.

En savoir plus.

Add an image, a video, or a sound (Ajouter une image, une vidéo ou un son)
Show data in a line, pie, or bar chart in your app (Afficher les données dans un graphique en courbes, un graphique en secteurs ou un graphique à barres dans votre application)
Understand tables and records in PowerApps (Présentation des tableaux et enregistrements dans PowerApps)