Inserir um controle de imagem

Importante :  Este artigo foi traduzido por um sistema de tradução automática, leia o aviso de isenção de responsabilidade. Para sua referência, veja a versão em inglês deste artigo aqui.

Se quiser permitir que os usuários insiram imagens em um formulário do Microsoft Office InfoPath, você poderá usar um controle de imagem no seu modelo de formulário. O controle de imagem permite que os usuários insiram uma imagem em uma área específica do formulário. Os dados da imagem são, então, salvos no arquivo de formulário (.xml) subjacente. O controle de imagem permite que o usuário insira qualquer tipo de imagem que o Windows Internet Explorer consiga exibir.

Neste artigo

Quando usar um controle de imagem

A experiência do usuário

Considerações sobre compatibilidade

Inserir um controle de imagem

Dicas de layout

Quando usar um controle de imagem

Use um controle de imagem quando quiser:

  • Adicionar um local em branco no seu modelo de formulário no qual os usuários podem inserir imagens, incluindo fotos, clip art e desenhos.

  • Adicionar uma imagem permanente ao seu modelo de formulário que não possa ser substituída ou excluída, como um logotipo corporativo.

  • Adicionar uma imagem temporária ao seu modelo de formulário que possa ser excluída ou substituída pelo usuário, como um espaço reservado para foto.

  • Salvar os dados da imagem como dados codificados nos arquivos (.xml) do formulário do usuário. O InfoPath usa codificação base64 para codificar e decodificar os arquivos binário, como arquivos .gif ou .jpg.

  • Salvar os dados da imagem como uma referência de hiperlink nos arquivos (.xml) do formulário do usuário.

  • Exibir imagens no seu modelo de formulário recuperadas de um banco de dados ou de outra fonte de dados externa.

Na seguinte ilustração, um controle de imagem é usado em um modelo de formulário de reclamação de seguro para obter fotos do dano do veículo dos detentores da apólice. O criador do formulário colocou o controle da imagem dentro de uma seção de repetição de modo que os usuários possam adicionar o máximo de fotos necessário para seus formulários.

Um controle de imagem dentro de uma seção de repetição em um modelo de formulário

Ao adicionar um controle de imagem ao seu modelo de formulário, o InfoPath insere um controle de imagem vazio por padrão. Os usuários podem adicionar uma imagem ao controle de imagem vazio quando preenchem formulários que tem base no seu modelo de formulário. Se quiser, poderá especificar uma imagem padrão em vez de deixar o controle de imagem vazio. Também é possível especificar se os usuários podem procurar, excluir ou substituir imagens inseridas em um controle de imagem.

Controles relacionados

O InfoPath inclui controle semelhantes aos controles de imagens, mas que servem a propósitos diferentes. Para decidir qual desses controles funciona melhor no seu modelo de formulário, consulte a seguinte lista:

Controle de imagem de tinta     Um controle de imagem de tinta tem a mesma aparência e funciona como um controle de imagem. No entanto, um controle de imagem de tinta permite que os usuários criem desenhos ou esboços com uma caneta tablet usando um Tablet PC e não permite que os usuários insiram fotos ou outras imagens. Os controles são capazes de armazenar dados codificados em base64 no XML de base. No entanto, um controle de imagem também pode armazenar dados da imagem como um hiperlink no XML.

Controle de anexo de arquivo    Se quiser que os usuários sejam capazes de anexar documentos, planilhas, apresentações e outros arquivos em seus formulários, você poderá usar um controle de anexo de arquivo em vez de um controle de imagem.

Caixa de texto rich    Se o seu modelo de formulário contiver controles de caixa de texto rich e se você tiver ativado a formatação total de rich-text, os usuários poderão adicionar imagens dentro dessas caixas de texto rich.

Início da página

A experiência do usuário

Dependendo do design do seu modelo de formulário, ao inserir um controle de imagem, os usuários verão uma imagem padrão (especificada por você) ou um ícone de imagem e o texto de dica Clique aqui para inserir uma imagem. No seguinte exemplo, os usuários que estiverem preenchendo um formulário de reclamação de seguro podem clicar em um controle de imagem para inserir fotos do veículo. Nesse exemplo, o criador do formulário colocou o controle de imagem dentro de uma seção de repetição para obter diversas fotos do usuário.

Controle de imagem na seção de repetição

Quando os usuários clicam no controle de imagem, eles podem procurar por uma imagem usando a caixa de diálogo Inserir Imagem. Quando eles inserem um arquivo de imagem, o controle da imagem é redimensionado automaticamente para acomodar as dimensões dessa imagem.

Início da página

Considerações sobre compatibilidade

Ao criar um modelo de formulário no InfoPath, você pode escolher criar um modelo de formulário compatível com o navegador. Ao criar um modelo de formulário compatível com o navegador, os controles de imagem não estão disponíveis no painel de tarefas Controles porque não podem ser exibidos em um navegador da Web.

Se quiser que os usuários possam inserir imagens em um modelo de formulário habilitado para navegador, poderá hospedar o InfoPath como um controle de formulário do Microsoft ASP.NET em uma página da Web e escrever um código do lado do servidor para inserir a imagem no XML do modelo do formulário como dados codificados em base64. Como alternativa, é possível usar uma caixa de texto rich no seu modelo de formulário compatível com o navegador que permita aos usuários inserir imagens vinculadas. Isso permite que você salve os dados da imagem como um hiperlink no XML de base.

Início da página

Inserir um controle de imagem

O procedimento para inserir um controle de imagem é um pouco diferente dependendo se você está criando um modelo de formulário novo, em branco, ou baseando a criação do seu modelo de formulário em um banco de dados ou em outra fonte de dados externa.

A seguinte ilustração mostra como um controle de imagem vazio aparenta quando está selecionado no modo de design.

Controle de imagem selecionada no modo de design

Os controles podem ser associados ou não associados. Quando um controle é associado, ele é conectado a um campo ou grupo na fonte de dados para que os dados inseridos no controle sejam salvos no arquivo de formulário subjacente (.xml). Quando um controle não é associado, ele não é conectado a um campo ou grupo, e os dados inseridos no controle não serão salvos. Quando você seleciona ou move o ponteiro sobre um controle, o texto e um ícone de associação aparecem no canto superior direito do controle. O texto indica o grupo ou campo ao qual o controle está associado na fonte de dados. O ícone indica se o controle está vinculado corretamente a esse grupo ou campo. O ícone é exibido em verde quando a vinculação está correta. Se houver algo errado com a associação, você verá um ícone azul ou vermelho em vez disso.

A fonte de dados do modelo de formulário consiste em campos e grupos que aparecem em uma exibição hierárquica no painel de tarefas Fonte de dados. Controles de imagem sempre são vinculados aos campos. No exemplo a seguir, o controle de imagem no modelo de formulário está vinculado ao campo arquivo de fotos no painel de tarefas Fonte de dados.

Relação entre o controle de imagem no modelo de formulário e o campo correspondente na fonte de dados

Insira um controle de imagem em um modelo de formulário novo, em branco

Quando você cria um modelo de formulário novo e em branco, a caixa de seleção Criar fonte de dados automaticamente, no painel de tarefas Controles, é selecionada por padrão. Isso permite que o InfoPath crie campos e grupos automaticamente na fonte de dados conforme você adiciona controles ao modelo de formulário. Esses campos e grupos são representados por ícones de pasta e arquivo no painel de tarefas Fonte de Dados.

  1. No modelo de formulário, coloque o cursor no local onde você deseja inserir o controle.

  2. Se o painel de tarefas Controles não estiver visível, clique em Mais Controles no menu Inserir, ou pressione ALT+I, C.

  3. Em Inserir controles, clique em Imagem.

  4. Na caixa de diálogo Inserir Controle de Imagem, execute um dos seguintes procedimentos.

    • Para salvar os dados da imagem no formulário do usuário, clique em Incluído no formulário. Ao selecionar essa opção, o InfoPath usa o tipo de dadosImagem ou Anexo de Arquivo (base64) para o controle de imagem e os dados da imagem são codificados nos arquivos base do formulário (.xml). Incluir a imagem no formulário é uma boa opção se quiser manter o formulário e seus dados portáteis.

    • Para exibir uma imagem vinculada, mas não salva, ao formulário do usuário, clique em Como um link. Ao selecionar essa opção, o InfoPath usa Hiperlink (qualquer URI) como o tipo de dados para o controle da imagem e os dados da imagem são armazenados como um hiperlink nos arquivos de base do formulário (.xml). Vincular uma imagem é uma boa opção se você achar que os usuários precisarão atualizar a imagem vinculada, ou se você quiser reduzir o tamanho do arquivo do formulário do usuário.

      Observação : Ao exibir imagens vinculadas em um formulário, os usuários deverão ter acesso ao local do arquivo de origem da imagem. Caso contrário, a imagem não aparecerá no formulário.

  5. Por padrão, um controle de imagem com texto de espaço reservado Clique aqui para inserir uma imagem é inserido no formulário.

  6. Se você escolher incluir os dados da imagem nos formulários dos seus usuários na etapa 4, poderá especificar uma imagem de plano de fundo.

    Como?

    1. Clique duas vezes no controle da imagem no seu modelo de formulário.

    2. Clique na guia Dados.

    3. Em Vinculação, na guia Dados, clique em Especificar imagem padrão e, em seguida, clique em Procurar.

      Observação : Essa opção não está disponível se você escolher Como um link anteriormente nesse procedimento.

    4. Na caixa de diálogo Inserir Imagem, clique na imagem desejada.

  7. Para adicionar um rótulo ao controle, digite o texto acima ou à esquerda do controle, seguido de dois-pontos (:).

Inserir um controle de imagem em um modelo de formulário com base em uma fonte de dados existente

Se você basear o design do seu modelo de formulário em um arquivo existente do Extensible Markup Language (XML), banco de dados ou serviço da Web, o InfoPath deriva os campos e grupos no painel de tarefas Fonte de dados existente fonte de dados. Neste cenário, você pode inserir um controle de imagem arrastando um campo do painel de tarefas Fonte de dados para o modelo de formulário ou inserir um controle de imagem do painel de tarefas controles em vez disso, conforme descrito no procedimento a seguir:

  1. No modelo de formulário, coloque o cursor no local onde você deseja inserir o controle.

  2. Se o painel de tarefas Controles não estiver visível, clique em Mais Controles no menu Inserir, ou pressione ALT+I, C.

  3. Em Inserir controles, clique em Imagem.

  4. Na caixa de diálogo Inserir Controle de Imagem, execute um dos seguintes procedimentos:

    • Para salvar os dados da imagem no formulário, clique em Incluído no formulário. Ao selecionar essa opção, é necessário ligar o controle de imagem a um campo com o tipo de dados Imagem ou Anexo de Arquivo (base64) .

    • Para exibir uma imagem vinculada, mas salva, no formulário, clique em Como um link. Ao selecionar essa opção, é necessário ligar o controle de imagem a um campo com o tipo de dados Hiperlink (qualquer URI).

  5. Na caixa de seleção Vínculo de Imagem, selecione o campo no qual você deseja armazenar os dados do controle de imagem e, em seguida, clique em OK.

    Por padrão, um controle de imagem com texto de espaço reservado Clique aqui para inserir uma imagem é inserido no formulário.

  6. Se você escolher incluir os dados da imagem nos formulários dos seus usuários na etapa 4, poderá especificar uma imagem padrão que aparece dentro do controle.

    Como?

    1. Clique duas vezes no controle da imagem no seu modelo de formulário.

    2. Clique na guia Dados.

    3. Em Vínculo, clique em Especificar imagem padrão e, em seguida, clique em Procurar.

      Observação : Essa opção não está disponível se você vincular o controle da imagem a um campo com o tipo de dados Hiperlink (qualquer URI) anteriormente nesse procedimento.

    4. Na caixa de diálogo Inserir Imagem, clique na imagem desejada.

  7. Para adicionar um rótulo ao controle, digite o texto acima ou à esquerda do controle, seguido de dois-pontos (:).

Início da página

Dicas de layout

Use as seguintes dicas para ajudá-lo a refinar a aparência, o tamanho e outros aspectos do seu controle de imagem:

  • Usar uma tabela de layout para fins de organização é sempre uma boa idéia, não importa com qual tipo de controle você está trabalhando.

  • Inserir um controle de imagem dentro de uma área de rolagem pode ser útil quando você quiser uma região fixa no seu modelo de formulário que irá rolar para acomodar as imagens maiores.

  • Para alterar a largura de diversos controles de imagem ao mesmo tempo, selecione os controles dos quais o tamanho você deseja alterar, pressione ALT+ENTER, clique na guia Tamanho e, em seguida, na caixa Largura, digite um novo número.

  • Para alterar a borda ou a cor de um controle de imagem, selecione-o no modelo de formulário, no menu Formatar, clique em Bordas e Sombreamento e, em seguida, faça os ajustes necessários.

Início da página

Observação : Aviso de Isenção de Tradução Automática: Este artigo foi traduzido por computador, sem intervenção humana. A Microsoft oferece essas traduções automáticas para ajudar as pessoas que não falam inglês a aproveitar os textos escritos sobre produtos, serviços e tecnologias da Microsoft. Como este artigo foi traduzido automaticamente, é possível que contenha erros de vocabulário, sintaxe ou gramática.

Expanda suas habilidades
Explore o treinamento
Obtenha novos recursos primeiro
Ingressar no Office Insider

Essas informações foram úteis?

Obrigado por seus comentários!

Agradecemos pelos seus comentários! Parece que pode ser útil conectar você a um de nossos agentes de suporte do Office.

×