Come salvare le immagini in un file di Excel e quindi aggiungere le immagini all'app

 

Prerequisiti

• Iscriversi a PowerApps e installarlo. Dopo aver aperto PowerApps, accedere usando le stesse credenziali usate per l'iscrizione.
• Creare un'app da un modello, da dati o da zero.

• Acquisire familiarità su come aggiungere e configurare controlli.

• Informazioni su come aggiungere un'origine dati

In questa esercitazione vengono eseguite le operazioni seguenti:

• Creare un file di Excel e formattarlo come tabella
• Creare una connessione a OneDrive for Business. È possibile usare qualsiasi account di archiviazione cloud. In questa procedura dettagliata viene usato OneDrive for Business.
• Creare un'app con un controllo input penna
• Salvare le immagini create dal controllo input penna in un file di Excel
• Visualizzare le immagini di un file di Excel nell'app

Creare il file di Excel come tabella

1. In un file di Excel vuoto, assegnare a una colonna il nome Immagine [immagine].

2. Creare una tabella seguendo questa procedura:

   1. Selezionare una parte dei dati in qualsiasi riga e colonna. Ad esempio, selezionare Immagine.
   2. Nella barra multifunzione Inserisci selezionare Tabella.

   3. Nella finestra di dialogo selezionare Tabella con intestazioni e quindi OK.

      Il file di Excel è ora in formato tabella. Formattare una tabella di Excel offre dettagli aggiuntivi sulla formattazione delle tabelle in Excel.

   4. Assegnare alla tabella il nome 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).

Creare un'app con il controllo penna

1. In PowerApps creare un'app vuota.

2. Nell'app aggiungere l'account di archiviazione cloud come origine dati. Dopo aver aggiunto l'account come origine dati, aggiungere SavePen.xlsx come connessione e quindi selezionare la tabella Drawings:
   

   La tabella Drawings è ora visualizzata come origine dati.

3. Nel menu Inserisci selezionare Testo e quindi Input penna . Rinominarlo MyPen:

   

4. Aggiungere un controllo Pulsante (menu Inserisci) e impostarne la proprietà OnSelect sulla formula seguente:
   Patch(Drawings, Defaults(Drawings), {Image:MyPen.Image})

5. Aggiungere un controllo Raccolta immagini (menu Inserisci > Raccolta) e impostarne la proprietà Items su Drawings. La proprietà Image del controllo raccolta viene automaticamente impostata su ThisItem.Image.

   La schermata avrà un aspetto simile al seguente:

   

6. Premere F5 o selezionare Anteprima ( ). Disegnare qualcosa in MyPen e quindi selezionare il pulsante. La prima immagine nel controllo raccolta rappresenta ciò che è stato disegnato. Aggiungere altri elementi al disegno e selezionare il pulsante. La seconda immagine nel controllo raccolta rappresenta ciò che è stato disegnato.

   Chiudere la finestra di anteprima.

7. Passare all'account di archiviazione cloud. È presente una nuova cartella SavePen_images creata automaticamente. Potrebbe essere necessario aggiornare per visualizzare la nuova cartella. Questa cartella contiene le immagini salvate con ID relativi ai nomi dei file.

   Aprire SavePen.xlsx. La colonna Immagine include il percorso di queste nuove immagini.

Aggiungere l'immagine di un file di Excel all'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 questo esempio viene usato il file CreateFirstApp.zip che contiene alcuni file con estensione jpeg.

NOTA Quando si visualizzano le immagini di un file di Excel, è necessario usare le barre nei percorsi delle immagini. Quando PowerApps salva le immagini in una tabella di Excel come nella procedura precedente, nel percorso vengono usate le barre rovesciate. È pertanto possibile usare anche SavePen_images dell'esempio precedente. In questo caso, modificare i percorsi nella tabella di Excel in modo da usare le barre anziché le barre rovesciate. Altrimenti le immagini non verranno visualizzate.

1. Scaricare CreateFirstApp.zip ed estrarre la cartella Assets nell'account di archiviazione cloud.

2. In un foglio di calcolo di Excel creare una tabella simile alla seguente:

   

3. Assegnare alla tabella il nome Jackets. Assegnare al file di Excel il nome Assets.xlsx. È anche possibile rinominare la cartella Assets in Assets_images.

4. Nell'app aggiungere la tabella Jackets come origine dati.

5. Aggiungere un controllo Solo immagine (menu Inserisci > Raccolta) e impostarne la proprietà Items su Jackets:

   

   La raccolta viene automaticamente aggiornata con le immagini:

   

Quando si imposta la proprietà Items, la tabella di Excel viene aggiornata automaticamente con una nuova colonna denominata PowerAppsId.

Nella tabella di Excel il percorso dell'immagine può anche essere l'URL di un'immagine. 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. La raccolta viene automaticamente aggiornata con le immagini.

Altre informazioni

Aggiungere un'immagine, un video o un suono
Visualizzare i dati in un grafico a linee, a torta o a barre nell'app
Informazioni sulle tabelle e sui record in PowerApps