Comment enregistrer des images dans un fichier Excel, puis ajouter ces images à votre applicationHow to save images in an Excel file, and then add these images to your app

 

Conditions préalablesPrerequisites

Dans ce didacticiel, nous allons :In this tutorial, we:

  • Créer un fichier Excel et le mettre en forme en tant que tableauCreate an Excel file and format it as a table
  • Créer une connexion à OneDrive Entreprise.Create a connection to OneDrive for Business. N’importe quel compte de stockage cloud peut être utilisé.Any cloud storage account will work. Dans cette procédure pas à pas, nous utilisons OneDrive Entreprise.In this walk-through, OneDrive for Business is used.
  • Créer une application avec un contrôle de saisie effectuée à l’aide du styletCreate an app with a pen input control
  • Enregistrer les images créées à partir du contrôle de saisie effectuée à l’aide du stylet dans un fichier ExcelSave the images created from the pen input control to an Excel file
  • Afficher des images à partir d’un fichier Excel dans votre applicationDisplay images from an Excel file in your app

Créer le fichier Excel sous forme de tableauCreate the Excel file as a table

  1. Dans un fichier Excel vide, nommez une colonne Image [image].In a blank Excel file, name a column Image [image].
  2. Créez un tableau en procédant comme suit :Create a table using the following steps:

    1. Sélectionnez n’importe quel élément de données dans une ligne et une colonne.Select any piece of data in any row and any column. Par exemple, sélectionnez Image.For example, select Image.
    2. Dans le ruban Insertion, sélectionnez Tableau.On the Insert ribbon, select Table.
    3. Dans la boîte de dialogue, sélectionnez Mon tableau comporte des en-têtes, puis sélectionnez OK.In the dialog window, select My table has headers, and select OK.

      Votre fichier Excel se présente désormais sous forme de tableau.Your Excel file is now in a table format. La page Mettre en forme un tableau Excel fournit des détails supplémentaires sur la mise en forme des tableaux dans Excel.Format the data as a table provides additional details on table formatting in Excel.

    4. Nommez le tableau Drawings :Name the table 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.).Name the Excel file SavePen.xlsx, and save the file to your cloud storage account (OneDrive for Business, Dropbox, and so on).

Créer une application avec le contrôle à l’aide du styletCreate an app with the pen control

  1. Dans PowerApps, créez une application vide.In PowerApps, create a blank app.
  2. Dans votre application, ajoutez le compte de stockage cloud comme source de données.In your app, add the cloud storage account as a data source. Une fois le compte ajouté comme source de données, ajoutez SavePen.xlsx en tant que connexion, puis sélectionnez le tableau Drawings :Once added as a data source, add SavePen.xlsx as a connection, and then select the Drawings table:
    Se connecterConnect

    À présent, le tableau Drawings est répertorié comme une source de données.Now, the Drawings table is listed as a Data source.

  3. Dans le menu Insertion, sélectionnez Texte, puis Saisie effectuée à l’aide du stylet.On the Insert menu, select Text, and then select Pen input. Renommez-le MyPen :Rename it MyPen:

    Renommer

  4. Ajoutez un contrôle Button (menu Insertion), puis définissez sa propriété OnSelect sur la formule suivante :Add a Button control (Insert menu), and set its OnSelect property to the following formula:
    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.Add an Image gallery control (Insert menu > Gallery), and set its Items property to Drawings. La propriété Image du contrôle de galerie est automatiquement définie sur ThisItem.Image.The Image property of the gallery control is automatically set to ThisItem.Image.

    Votre écran doit ressembler à ceci :Your screen should look similar to the following:

    Exemple d’écran

  6. Appuyez sur F5 ou sélectionnez Aperçu ().Press F5 or select Preview (). Dessinez un élément dans MyPen, puis sélectionnez le bouton.Draw something in MyPen, and the select the button. La première image dans le contrôle de la galerie affiche ce que vous avez dessiné.The first image in the gallery control displays what you drew. Ajoutez un autre élément à votre dessin, puis appuyez ou cliquez sur le bouton.Add something else to your drawing, and select the button. La seconde image dans le contrôle de la galerie affiche ce que vous avez dessiné.The second image in the gallery control displays what you drew.

    Fermez la fenêtre d’aperçu.Close the preview window.

  7. Accédez à votre compte de stockage cloud.Go to your cloud storage account. Un nouveau dossier SavePen_images est créé automatiquement.There's a new SavePen_images folder that is automatically created. Vous devrez peut-être actualiser l’affichage pour voir le nouveau dossier.You may need to refresh to see the new folder. Ce dossier contient vos images enregistrées avec des ID en tant que noms de fichier.This folder contains your saved images with IDs for their file names.

    Ouvrez SavePen.xlsx.Open SavePen.xlsx. La colonne Image inclut le chemin d’accès vers ces nouvelles images.The Image column includes the path to these new images.

Ajouter l’image d’un fichier Excel à votre applicationAdd the image in an Excel file to your app

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.In another example, you can save images in a cloud storage account, and then use an Excel table to display the images in your app.

Dans cet exemple, nous utilisons le fichier CreateFirstApp.zip qui contient des fichiers .jpeg.In this example, we use the CreateFirstApp.zip that contains some .jpeg files.

REMARQUE : lors de l’affichage des images d’un fichier Excel, le chemin d’accès à ces dernières doit utiliser des barres obliques.NOTE When displaying images from an Excel file, the path to these images must use forward slashes. 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.When PowerApps saves images to an Excel table (as with the previous steps), the path uses backslashes. Par conséquent, vous pouvez également utiliser le dossier SavePen_images de l’exemple précédent.So, you can also use the SavePen_images from the previous example. Dans ce cas, modifiez les chemins d’accès du tableau Excel pour utiliser des barres obliques au lieu des barres obliques inverses.If you do, change the paths in the Excel table to use forward slashes instead of backslashes. Dans le cas contraire, les images ne s’afficheront pas.Otherwise, the images will not display.

  1. Téléchargez CreateFirstApp.zip et extrayez le dossier Assets vers votre compte de stockage cloud.Download CreateFirstApp.zip, and extract the Assets folder to your cloud storage account.
  2. Dans une feuille de calcul Excel, créez un tableau qui ressemble au suivant :In an Excel spreadsheet, create a table that looks similar to the following:

    Tableau Jackets

  3. Nommez le tableau Jackets.Name the table Jackets. Nommez le fichier Excel Assets.xlsx.Name the Excel file Assets.xlsx. Vous pouvez également remplacer le nom du dossier Assets par Assets_images.You can also rename the Assets folder to Assets_images.
  4. Dans votre application, ajoutez le tableau Jackets comme source de données.In your app, add the Jackets table as a data source.
  5. Ajoutez un contrôle Image only (menu Insertion > Galerie) et définissez sa propriété Items sur Jackets :Add an Image only control (Insert menu > Gallery), and set its Items property to Jackets:

    Propriété Items

    La galerie est automatiquement mise à jour et affiche les images :The gallery is automatically updated with the 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.When you set the Items property, the Excel table is automatically updated with a new column named PowerAppsId.

Dans le tableau Excel, le chemin d’accès de l’image peut également être l’URL d’une image.In the Excel table, the image path can also be the URL to an 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.Download the Flooring Estimates sample file to your cloud storage account, add the FlooringEstimates table as a data source in your app, and then set the gallery control to FlooringEstimates. La galerie est automatiquement mise à jour avec les images.The gallery is automatically updated with the images.

En savoir plus.Learn more

Add an image, a video, or a sound (Ajouter une image, une vidéo ou un son)Add an image, a video, or a sound
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)Show data in a line, pie, or bar chart in your app
Understand tables and records in PowerApps (Présentation des tableaux et enregistrements dans PowerApps)Understand tables and records in PowerApps