Este tópico mostra como incorporar arquivos multimídia em seu aplicativo, carregar desenhos com caneta em uma fonte de dados e exibir imagens de uma fonte de dados em seu aplicativo. A fonte de dados usada neste tópico é um arquivo do Excel armazenado no OneDrive for Business.

Pré-requisitos

Inscreva-se no PowerApps e instale-o. Quando você abrir o PowerApps, entre com as mesmas credenciais que usou para se inscrever.

Adicione uma mídia de um arquivo ou da nuvem

Você pode escolher o tipo de arquivo de mídia a ser adicionado (por exemplo, imagens, vídeo ou áudio).

  1. Na guia Conteúdo, selecione Mídia.

  2. Em Mídia, selecione Imagens, Vídeos ou Áudio e, em seguida, selecione Procurar:

  3. Selecione o arquivo que você deseja adicionar e selecione Abrir.

    A pasta imagens do seu computador é aberta, e você pode selecionar uma imagem armazenada nela ou navegar para outra pasta.

  4. Quando terminar de adicionar os arquivos, pressione Esc para retornar ao espaço de trabalho padrão.

  5. Na guia Inserir, selecione Mídia e, em seguida, selecione Imagem, Vídeo ou Áudio:

  6. Se você adicionou um controle de imagem, defina sua propriedade Image para o arquivo que você adicionou:

    Defina a propriedade Image

    Observação escreva somente o nome do arquivo, sem a extensão, entre aspas.

  7. Se você adicionou um controle de áudio ou vídeo, defina sua propriedade Media para o arquivo que você adicionou:

    Defina a propriedade Media

    Observação reproduza um vídeo do YouTube definindo a propriedade Media de um controle de vídeo para a URL apropriada, escrita entre aspas duplas.

Adicionar mídias dos Serviços de Mídia do Azure

  1. Em sua conta dos Serviços de Mídia do Azure, faça o upload e publique seu ativo de vídeo de AMS > Configurações > Ativos.

  2. Depois que o vídeo for publicado, copie sua URL.

  3. Do PowerApps, adicione o controle de Vídeo de Inserir > Mídia.

  4. Defina a propriedade Mídia para a URL que você copiou.

Conforme mostra este gráfico, você pode escolher qualquer URL de transmissão que os Serviços de Mídia do Azure dão suporte:

Defina a propriedade Media

Adicionar imagens armazenadas na nuvem ao seu aplicativo

Nesse cenário, você salva imagens em uma conta de armazenamento na nuvem, o OneDrive for Business. Você usa uma tabela do Excel que contém o caminho para as imagens e exibe as imagens em um controle da galeria em seu aplicativo.

Este cenário usa o arquivo CreateFirstApp.zip que contém alguns arquivos .jpeg.

OBSERVAÇÃO: o caminho no arquivo do Excel para essas imagens deve usar barras comuns. Quando o PowerApps salva os caminhos para as imagens em uma tabela do Excel, o caminho usa barras invertidas. Se os caminhos para suas imagens estiver em uma tabela do Excel, mude as barras invertidas dos caminhos para barras comuns. Caso contrário, as imagens não serão exibidas.

  1. Baixe o arquivo CreateFirstApp.zip e extraia a pasta Assets para a sua conta de armazenamento na nuvem.

  2. Renomeie a pasta Assets como Ativos_imagens.

  3. Em uma planilha do Excel, crie uma tabela com apenas uma coluna e escreva o seguinte:

    Tabela de casacos

  4. Nomeie a tabela como Casacos e o arquivo do Excel como Ativos.xlsx.

  5. Em seu aplicativo, adicione a tabela Jackets como uma fonte de dados.

  6. Adicione um controle Somente imagem (guia Inserir > Galeria), e defina sua propriedade Items como Jackets:

    Propriedade Itens

    A galeria é atualizada automaticamente com as imagens:

    Imagens de casacos

    Quando você define a propriedade Items, uma coluna chamada PowerAppsId é adicionada automaticamente à tabela do Excel.

    Na tabela do Excel, o caminho da imagem também pode ser a URL para uma imagem. O arquivo de exemplo Flooring Estimates ilustra bem isso. Você pode baixá-lo para sua conta de armazenamento na nuvem, adicionar a tabela FlooringEstimates como uma fonte de dados em seu aplicativo e, em seguida, definir o controle da galeria como FlooringEstimates. A galeria é atualizada automaticamente com as imagens.

Carregar desenhos com caneta para a nuvem

Neste cenário, você aprenderá a carregar desenhos com caneta à sua fonte de dados, o OneDrive for Business, e saber como os desenhos são armazenados lá.

  1. No Excel, adicione Imagem [image] à célula A1.

  2. Crie uma tabela seguindo estas etapas:

    a. Selecione a célula A1.

    b. Na faixa de opções Inserir, selecione Tabela.

    c. Na caixa de diálogo, selecione Minha tabela tem cabeçalhos e selecione OK.

    Crie uma tabela

    Seu arquivo do Excel agora está em um formato de tabela. Consulte Formatar os dados como uma tabela para obter mais informações sobre formatação no Excel.

    d. Nomeie a tabela como Desenhos:

    Renomeie a tabela como Desenhos

  3. Salve o arquivo do Excel no OneDrive for Business como Desenho com caneta.xlsx.

  4. No PowerApps, crie um aplicativo em branco.

  5. Em seu aplicativo, adicione a conta do OneDrive for Business como uma fonte de dados:

    a. Clique ou toque na guia Conteúdo e, em seguida, clique ou toque em Fontes de dados.

    b. Clique ou toque em Adicionar fonte de dados e, em seguida, clique ou toque em OneDrive for Business.

    c. Clique ou toque em Desenho com caneta.xlsx.

    d. Selecione a tabela Desenhos e, em seguida, clique ou toque em Conectar.

    Conectar

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

  6. Na guia Inserir, selecione Texto e Entrada à caneta.

  7. Renomeie o novo controle MyPen:

    Renomear

  8. Na guia Inserir, adicione um controle Botão e defina sua propriedade OnSelect com a seguinte fórmula:

    Patch(Drawings, Defaults(Drawings), {Image:MyPen.Image})

  9. Adicione um controle Galeria de imagens (guia Inserir > Galeria) e defina sua propriedade Items como Drawings. A propriedade Image do controle da galeria é definida automaticamente como ThisItem.Image.

    Organize os controles de forma que sua tela tenha esta aparência:

    Tela de exemplo

  10. Pressione F5 ou selecione Visualizar ( ).

  11. Desenhe algo em MyPen e selecione o botão.

    A primeira imagem no controle da galeria exibe o que você desenhou.

  12. Adicione outro elemento ao seu desenho e selecione o botão.

    A segunda imagem no controle da galeria exibe o que você desenhou.

  13. Pressione Esc para fechar a janela de visualização.

    A pasta Desenho com caneta_imagens é criada automaticamente em sua conta de armazenamento na nuvem. Essa pasta contém as imagens que você salvou e as IDs para seus nomes de arquivo. Para exibir a pasta, talvez você precise atualizar o navegador pressionando F5, por exemplo.

    Em Desenho com caneta.xlsx, a coluna Imagem especifica o caminho para as novas imagens.

Para obter mais informações

Teste seu aplicativo em diferentes plataformas, inclusive na janela de um navegador e em um telefone.

Para obter informações sobre cenários mais avançados que envolvem o upload de multimídia diretamente em outra fonte de dados, consulte Dicas de profissionais para captura de imagens e Conectores personalizados para upload de imagens.

Outra maneira de carregar arquivos para uma fonte de dados é usar a função Patch.