Pré-requisitos

Neste tutorial:

  • Criaremos um arquivo do Excel e o formataremos como uma tabela
  • Criaremos uma conexão com o OneDrive for Business. Qualquer conta de armazenamento em nuvem funcionará. Nessa instrução passo a passo, o OneDrive for Business será usado.
  • Criar um aplicativo com um controle de entrada de caneta
  • Salvar imagens criadas do controle de entrada de caneta como um arquivo do Excel
  • Exibir imagens de um arquivo do Excel em seu aplicativo

Criar o arquivo do Excel como uma tabela

  1. Em um arquivo do Excel em branco, nomeie uma coluna como Imagem [imagem].
  2. Crie uma tabela usando as seguintes etapas:

    1. Selecione qualquer parte dos dados em qualquer linha e qualquer coluna. Por exemplo, selecione imagem.
    2. Na faixa de opções Inserir, selecione Tabela.
    3. Na janela de diálogo, selecione Minha tabela tem cabeçalhos e selecione OK.

      O arquivo do Excel agora está em um formato de tabela. Formatar os dados como uma tabela oferece detalhes adicionais sobre a formatação da tabela no Excel.

    4. Nomeie a tabela como Desenhos:

      Renomear tabela como Desenhos

  3. Nomeie o arquivo do Excel como SavePen.xlsx e salve o arquivo em sua conta de armazenamento em nuvem (OneDrive for Business, Dropbox e assim por diante).

Criar um aplicativo com o controle de caneta

  1. No PowerApps, crie um aplicativo em branco.
  2. Em seu aplicativo, adicione a conta de armazenamento em nuvem como uma fonte de dados. Depois de adicionado como uma fonte de dados, adicione SavePen.xlsx como uma conexão e, em seguida, selecione a tabela Desenhos:
    Conectar

    Agora, a tabela Desenhos é listada como uma fonte de dados.

  3. No menu Inserir, selecione Texto e, em seguida, selecione Entrada de caneta. Renomeie como MyPen:

    Renomear

  4. Adicione um controle de Botão menu (Inserir) e defina sua propriedade OnSelect com a seguinte fórmula:
    Patch(Drawings, Defaults(Drawings), {Image:MyPen.Image})

  5. Adicione um controle Galeria de Imagens (menu Inserir > Galeria) e defina sua propriedade Itens como Drawings. A propriedade Imagem do controle de galeria é definida automaticamente como ThisItem.Image.

    Sua tela deve ter uma aparência semelhante à seguinte:

    Tela de exemplo

  6. Pressione F5 ou selecione Visualizar ( ). Desenhe algo em MyPen e selecione o botão. A primeira imagem no controle de galeria exibe o que você desenhou. Adicione algo mais ao desenho e selecione o botão. A segunda imagem no controle de galeria exibe o que você desenhou.

    Feche a janela de visualização.

  7. Vá para sua conta de armazenamento em nuvem. Há uma nova pasta SavePen_images que é criada automaticamente. Pode ser necessário atualizar para visualizar a nova pasta. Esta pasta contém as imagens salvas com as IDs para seus nomes de arquivo.

    Abra SavePen.xlsx. A coluna de Imagem inclui o caminho para essas novas imagens.

Adicionar a imagem em um arquivo do Excel ao seu aplicativo

Em outro exemplo, você pode salvar imagens em uma conta de armazenamento em nuvem e, em seguida, usar uma tabela do Excel para exibir as imagens em seu aplicativo.

Neste exemplo, usamos o CreateFirstApp.zip que contém alguns arquivos. jpeg.

OBSERVAÇÃO: ao exibir imagens de um arquivo do Excel, o caminho para essas imagens deve usar barras invertidas. Quando o PowerApps salva imagens em uma tabela do Excel (como acontece com as etapas anteriores), o caminho usa barras invertidas. Portanto, você também pode usar o SavePen_images do exemplo anterior. Se fizer isso, altere os caminhos na tabela do Excel para usar barras em vez de barras invertidas. Caso contrário, as imagens não serão exibidas.

  1. Baixe CreateFirstApp.zip e extraia a pasta Ativos para sua conta de armazenamento em nuvem.
  2. Em uma planilha do Excel, crie uma tabela semelhante à seguinte:

    Tabela Jaquetas

  3. Nomeie a tabela como Jaquetas. Nomeie o arquivo do Excel como Assets.xlsx. Você também pode renomear a pasta Ativos como Ativos_imagens.

  4. Em seu aplicativo, adicione a tabela Jaquetas como uma fonte de dados.

  5. Adicione um controle Apenas imagem (menu Inserir > Galeria) e defina sua propriedade Itens como Jackets:

    Propriedade Itens

    A galeria é atualizada automaticamente com as imagens:

    Imagens de jaquetas

Quando você define a propriedade Itens, a tabela do Excel é atualizada automaticamente com uma nova coluna chamada PowerAppsId.

Na tabela do Excel, o caminho da imagem também pode ser a URL para uma imagem. Baixe o arquivo de exemplo Flooring Estimates para sua conta de armazenamento em nuvem, adicione a tabela FlooringEstimates como uma fonte de dados em seu aplicativo e, em seguida, defina o controle da galeria como FlooringEstimates. A galeria é atualizada automaticamente com as imagens.

Saiba mais

Adicionar uma imagem, um vídeo ou um som
Mostrar dados em um gráfico de linhas, de pizza ou de barras no em seu aplicativo
Entender tabelas e registros no PowerApps