Come salvare le immagini in un file di Excel e quindi aggiungere le immagini all'appHow to save images in an Excel file, and then add these images to your app

 

PrerequisitiPrerequisites

In questa esercitazione vengono eseguite le operazioni seguenti:In this tutorial, we:

  • Creare un file di Excel e formattarlo come tabellaCreate an Excel file and format it as a table
  • Creare una connessione a OneDrive for Business.Create a connection to OneDrive for Business. È possibile usare qualsiasi account di archiviazione cloud.Any cloud storage account will work. In questa procedura dettagliata viene usato OneDrive for Business.In this walk-through, OneDrive for Business is used.
  • Creare un'app con un controllo input pennaCreate an app with a pen input control
  • Salvare le immagini create dal controllo input penna in un file di ExcelSave the images created from the pen input control to an Excel file
  • Visualizzare le immagini di un file di Excel nell'appDisplay images from an Excel file in your app

Creare il file di Excel come tabellaCreate the Excel file as a table

  1. In un file di Excel vuoto, assegnare a una colonna il nome Immagine [immagine].In a blank Excel file, name a column Image [image].
  2. Creare una tabella seguendo questa procedura:Create a table using the following steps:

    1. Selezionare una parte dei dati in qualsiasi riga e colonna.Select any piece of data in any row and any column. Ad esempio, selezionare Immagine.For example, select Image.
    2. Nella barra multifunzione Inserisci selezionare Tabella.On the Insert ribbon, select Table.
    3. Nella finestra di dialogo selezionare Tabella con intestazioni e quindi OK.In the dialog window, select My table has headers, and select OK.

      Il file di Excel è ora in formato tabella.Your Excel file is now in a table format. Formattare una tabella di Excel offre dettagli aggiuntivi sulla formattazione delle tabelle in Excel.Format the data as a table provides additional details on table formatting in Excel.

    4. Assegnare alla tabella il nome Drawings:Name the table Drawings:

      Rinominare la tabella Drawings

  3. Assegnare al file di Excel il nome SavePen.xlsx e salvare il file nell'account di archiviazione cloud (OneDrive for Business, Dropbox e così via).Name the Excel file SavePen.xlsx, and save the file to your cloud storage account (OneDrive for Business, Dropbox, and so on).

Creare un'app con il controllo pennaCreate an app with the pen control

  1. In PowerApps creare un'app vuota.In PowerApps, create a blank app.
  2. Nell'app aggiungere l'account di archiviazione cloud come origine dati.In your app, add the cloud storage account as a data source. Dopo aver aggiunto l'account come origine dati, aggiungere SavePen.xlsx come connessione e quindi selezionare la tabella Drawings:Once added as a data source, add SavePen.xlsx as a connection, and then select the Drawings table:
    ConnettiConnect

    La tabella Drawings è ora visualizzata come origine dati.Now, the Drawings table is listed as a Data source.

  3. Nel menu Inserisci selezionare Testo e quindi Input penna .On the Insert menu, select Text, and then select Pen input. Rinominarlo MyPen:Rename it MyPen:

    Rinomina

  4. Aggiungere un controllo Pulsante (menu Inserisci) e impostarne la proprietà OnSelect sulla formula seguente:Add a Button control (Insert menu), and set its OnSelect property to the following formula:
    Patch(Drawings, Defaults(Drawings), {Image:MyPen.Image})
  5. Aggiungere un controllo Raccolta immagini (menu Inserisci > Raccolta) e impostarne la proprietà Items su Drawings.Add an Image gallery control (Insert menu > Gallery), and set its Items property to Drawings. La proprietà Image del controllo raccolta viene automaticamente impostata su ThisItem.Image.The Image property of the gallery control is automatically set to ThisItem.Image.

    La schermata avrà un aspetto simile al seguente:Your screen should look similar to the following:

    Schermata di esempio

  6. Premere F5 o selezionare Anteprima ().Press F5 or select Preview (). Disegnare qualcosa in MyPen e quindi selezionare il pulsante.Draw something in MyPen, and the select the button. La prima immagine nel controllo raccolta rappresenta ciò che è stato disegnato.The first image in the gallery control displays what you drew. Aggiungere altri elementi al disegno e selezionare il pulsante.Add something else to your drawing, and select the button. La seconda immagine nel controllo raccolta rappresenta ciò che è stato disegnato.The second image in the gallery control displays what you drew.

    Chiudere la finestra di anteprima.Close the preview window.

  7. Passare all'account di archiviazione cloud.Go to your cloud storage account. È presente una nuova cartella SavePen_images creata automaticamente.There's a new SavePen_images folder that is automatically created. Potrebbe essere necessario aggiornare per visualizzare la nuova cartella.You may need to refresh to see the new folder. Questa cartella contiene le immagini salvate con ID relativi ai nomi dei file.This folder contains your saved images with IDs for their file names.

    Aprire SavePen.xlsx.Open SavePen.xlsx. La colonna Immagine include il percorso di queste nuove immagini.The Image column includes the path to these new images.

Aggiungere l'immagine di un file di Excel all'appAdd the image in an Excel file to your app

In un altro esempio è possibile salvare immagini in un account di archiviazione cloud e quindi usare una tabella di Excel per visualizzare le immagini nell'app.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.

In questo esempio viene usato il file CreateFirstApp.zip che contiene alcuni file con estensione jpeg.In this example, we use the CreateFirstApp.zip that contains some .jpeg files.

NOTA Quando si visualizzano le immagini di un file di Excel, è necessario usare le barre nei percorsi delle immagini.NOTE When displaying images from an Excel file, the path to these images must use forward slashes. Quando PowerApps salva le immagini in una tabella di Excel come nella procedura precedente, nel percorso vengono usate le barre rovesciate.When PowerApps saves images to an Excel table (as with the previous steps), the path uses backslashes. È pertanto possibile usare anche SavePen_images dell'esempio precedente.So, you can also use the SavePen_images from the previous example. In questo caso, modificare i percorsi nella tabella di Excel in modo da usare le barre anziché le barre rovesciate.If you do, change the paths in the Excel table to use forward slashes instead of backslashes. Altrimenti le immagini non verranno visualizzate.Otherwise, the images will not display.

  1. Scaricare CreateFirstApp.zip ed estrarre la cartella Assets nell'account di archiviazione cloud.Download CreateFirstApp.zip, and extract the Assets folder to your cloud storage account.
  2. In un foglio di calcolo di Excel creare una tabella simile alla seguente:In an Excel spreadsheet, create a table that looks similar to the following:

    Tabella Jackets

  3. Assegnare alla tabella il nome Jackets.Name the table Jackets. Assegnare al file di Excel il nome Assets.xlsx.Name the Excel file Assets.xlsx. È anche possibile rinominare la cartella Assets in Assets_images.You can also rename the Assets folder to Assets_images.
  4. Nell'app aggiungere la tabella Jackets come origine dati.In your app, add the Jackets table as a data source.
  5. Aggiungere un controllo Solo immagine (menu Inserisci > Raccolta) e impostarne la proprietà Items su Jackets:Add an Image only control (Insert menu > Gallery), and set its Items property to Jackets:

    Proprietà Items

    La raccolta viene automaticamente aggiornata con le immagini:The gallery is automatically updated with the images:

    Immagini Jacket

Quando si imposta la proprietà Items, la tabella di Excel viene aggiornata automaticamente con una nuova colonna denominata PowerAppsId.When you set the Items property, the Excel table is automatically updated with a new column named PowerAppsId.

Nella tabella di Excel il percorso dell'immagine può anche essere l'URL di un'immagine.In the Excel table, the image path can also be the URL to an image. Scaricare il file di esempio Flooring Estimates nell'account di archiviazione cloud, aggiungere la tabella FlooringEstimates come origine dati nell'app e impostare il controllo raccolta su 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 raccolta viene automaticamente aggiornata con le immagini.The gallery is automatically updated with the images.

Altre informazioniLearn more

Aggiungere un'immagine, un video o un suonoAdd an image, a video, or a sound
Visualizzare i dati in un grafico a linee, a torta o a barre nell'appShow data in a line, pie, or bar chart in your app
Informazioni sulle tabelle e sui record in PowerAppsUnderstand tables and records in PowerApps