Como guardar imagens num ficheiro do Excel e, em seguida, adicioná-las à sua aplicaçãoHow to save images in an Excel file, and then add these images to your app

 

Pré-requisitosPrerequisites

Neste tutorial, vamos:In this tutorial, we:

  • Criar um ficheiro do Excel e formatá-lo como uma tabelaCreate an Excel file and format it as a table
  • Criar uma ligação para o OneDrive para Empresas.Create a connection to OneDrive for Business. Qualquer conta de armazenamento na cloud irá funcionar.Any cloud storage account will work. Nesta apresentação, é utilizado o OneDrive para Empresas.In this walk-through, OneDrive for Business is used.
  • Criar uma aplicação com um controlo Introdução a canetaCreate an app with a pen input control
  • Guardar as imagens criadas do controlo Introdução a caneta num ficheiro do ExcelSave the images created from the pen input control to an Excel file
  • Apresentar as imagens de um ficheiro do Excel na sua aplicaçãoDisplay images from an Excel file in your app

Criar o ficheiro do Excel como uma tabelaCreate the Excel file as a table

  1. Num ficheiro do Excel em branco, dê o nome Imagem [imagem] a uma coluna.In a blank Excel file, name a column Image [image].
  2. Crie uma tabela com os seguintes passos:Create a table using the following steps:

    1. Selecione um conjunto de dados em qualquer linha e coluna.Select any piece of data in any row and any column. Por exemplo, selecione Imagem.For example, select Image.
    2. No friso Inserir, selecione Tabela.On the Insert ribbon, select Table.
    3. Na janela da caixa de diálogo, selecione A minha tabela tem cabeçalhos e selecione OK.In the dialog window, select My table has headers, and select OK.

      O ficheiro do Excel está agora em formato de tabela.Your Excel file is now in a table format. Formatar os dados como uma tabela fornece detalhes adicionais sobre a formatação de tabelas no Excel.Format the data as a table provides additional details on table formatting in Excel.

    4. Dê o nome Desenhos à tabela:Name the table Drawings:

      Mudar o nome da tabela para Desenhos

  3. Dê o nome SavePen.xlsx ao ficheiro do Excel e guarde-o na sua conta de armazenamento na cloud (OneDrive para Empresas, Dropbox, etc.).Name the Excel file SavePen.xlsx, and save the file to your cloud storage account (OneDrive for Business, Dropbox, and so on).

Criar uma aplicação com o controlo de canetaCreate an app with the pen control

  1. No PowerApps, crie uma aplicação em branco.In PowerApps, create a blank app.
  2. Na sua aplicação, adicione a conta de armazenamento na cloud como uma origem de dados.In your app, add the cloud storage account as a data source. Depois de adicionada como uma origem de dados, adicione SavePen.xlsx como uma ligação e, em seguida, selecione a tabela Desenhos:Once added as a data source, add SavePen.xlsx as a connection, and then select the Drawings table:
    LigarConnect

    A tabela Desenhos está agora listada como uma origem de dados.Now, the Drawings table is listed as a Data source.

  3. No menu Inserir, selecione Texto e, em seguida, selecione Introdução a caneta.On the Insert menu, select Text, and then select Pen input. Mude o nome para MyPen:Rename it MyPen:

    Mudar o nome

  4. Adicione um controlo Botão (menu Inserir) e defina a propriedade OnSelect para a seguinte fórmula:Add a Button control (Insert menu), and set its OnSelect property to the following formula:
    Patch(Drawings, Defaults(Drawings), {Image:MyPen.Image})
  5. Adicione um controlo Galeria de imagens (separador Inserir > Galeria) e defina a propriedade Items para Drawings.Add an Image gallery control (Insert menu > Gallery), and set its Items property to Drawings. A propriedade Image do controlo de galeria é definida automaticamente para ThisItem.Image.The Image property of the gallery control is automatically set to ThisItem.Image.

    O ecrã deverá ter um aspeto semelhante ao seguinte:Your screen should look similar to the following:

    Ecrã de exemplo

  6. Prima F5 ou selecione Pré-visualização ().Press F5 or select Preview (). Desenhe algo em MyPen e selecione o botão.Draw something in MyPen, and the select the button. A primeira imagem no controlo de galeria apresenta o que desenhou.The first image in the gallery control displays what you drew. Adicione algo mais ao desenho e selecione o botão.Add something else to your drawing, and select the button. A segunda imagem no controlo de galeria apresenta o que desenhou.The second image in the gallery control displays what you drew.

    Feche a janela de pré-visualização.Close the preview window.

  7. Aceda à sua conta de armazenamento na cloud.Go to your cloud storage account. Existe uma nova pasta SavePen_images que é criada automaticamente.There's a new SavePen_images folder that is automatically created. Pode ter de atualizar para ver a nova pasta.You may need to refresh to see the new folder. Esta pasta contém as imagens guardadas com os IDs dos respetivos nomes de ficheiro.This folder contains your saved images with IDs for their file names.

    Abra SavePen.xlsx.Open SavePen.xlsx. A coluna Imagem inclui o caminho para estas novas imagens.The Image column includes the path to these new images.

Adicionar a imagem num ficheiro do Excel à sua aplicaçãoAdd the image in an Excel file to your app

Noutro exemplo, pode guardar imagens numa conta de armazenamento na cloud e, em seguida, utilizar uma tabela do Excel para apresentar as imagens na sua aplicação.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.

Neste exemplo, utilizamos CreateFirstApp.zip que contém alguns ficheiros .jpeg.In this example, we use the CreateFirstApp.zip that contains some .jpeg files.

NOTA Quando visualizar imagens a partir de um ficheiro do Excel, o caminho para estas imagens tem de utilizar barras.NOTE When displaying images from an Excel file, the path to these images must use forward slashes. Quando o PowerApps guarda imagens numa tabela do Excel (tal como acontece nos passos anteriores), o caminho utiliza barras invertidas.When PowerApps saves images to an Excel table (as with the previous steps), the path uses backslashes. Assim, também pode utilizar o SavePen_images do exemplo anterior.So, you can also use the SavePen_images from the previous example. Se o fizer, altere os caminhos na tabela do Excel para que utilizem barras em vez de barras invertidas.If you do, change the paths in the Excel table to use forward slashes instead of backslashes. Caso contrário, as imagens não serão apresentadas.Otherwise, the images will not display.

  1. Transfira CreateFirstApp.zip e extraia a pasta Assets para a sua conta de armazenamento na cloud.Download CreateFirstApp.zip, and extract the Assets folder to your cloud storage account.
  2. Numa folha de cálculo do Excel, crie uma tabela semelhante à seguinte:In an Excel spreadsheet, create a table that looks similar to the following:

    Tabela de casacos

  3. Dê o nome Casacos à tabela.Name the table Jackets. Dê o nome Assets.xlsx ao ficheiro do Excel.Name the Excel file Assets.xlsx. Também pode mudar o nome da pasta Assets para Assets_images.You can also rename the Assets folder to Assets_images.
  4. Na sua aplicação, adicione a tabela Casacos como uma origem de dados.In your app, add the Jackets table as a data source.
  5. Adicione um controlo Apenas imagem (menu Inserir > Galeria) e defina a propriedade Items para Jackets:Add an Image only control (Insert menu > Gallery), and set its Items property to Jackets:

    Propriedade Itens

    A galeria é atualizada automaticamente com as imagens:The gallery is automatically updated with the images:

    Imagens de casacos

Quando define a propriedade Items, a tabela do Excel é atualizada automaticamente com uma nova coluna com o nome PowerAppsId.When you set the Items property, the Excel table is automatically updated with a new column named PowerAppsId.

Na tabela do Excel, o caminho da imagem também pode ser o URL para uma imagem.In the Excel table, the image path can also be the URL to an image. Transfira o ficheiro de exemplo Flooring Estimates para a sua conta de armazenamento na cloud, adicione a tabela FlooringEstimates como uma origem de dados na sua aplicação e, em seguida, defina o controlo de galeria para 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. A galeria é atualizada automaticamente com as imagens.The gallery is automatically updated with the images.

Obter mais informaçõesLearn more

Adicionar uma imagem, um vídeo ou um somAdd an image, a video, or a sound
Mostrar dados num gráfico de linhas, circular ou de barras na sua aplicaçãoShow data in a line, pie, or bar chart in your app
Compreender as tabelas e registos no PowerAppsUnderstand tables and records in PowerApps