Partilhar via


Controlo Imagem no Power Apps

Um controlo que mostra uma imagem de, por exemplo, um ficheiro ou uma origem de dados local.

Descrição

Se adicionar um ou mais controlos Imagem à sua aplicação, pode mostrar imagens individuais que não fazem parte de um conjunto de dados, ou pode incorporar imagens de registos em origens de dados.

Propriedades principais

Imagem – O nome ou URL da imagem que aparece num controlo Imagem, Áudio ou Microfone.

Nota

  • Utilize HTTPS para todas as imagens externas para garantir compatibilidade com browsers modernos.
  • As imagens externas devem ser acessíveis anonimamente (sem qualquer autenticação).

Propriedades adicionais

AccessibleLabel – a etiqueta para os leitores de ecrãs.

ApplyEXIFOrientation - se aplica automaticamente a orientação especificada nos dados EXIF incorporados com a imagem.

AutoDisableOnSelect – desativa automaticamente o controlo enquanto o comportamento de OnSelect está em execução.

BorderColor – a cor do limite de um controlo.

BorderStyle – se o limite do controlo é Sólido, Tracejado, Com pontos ou Nenhum.

BorderThickness – a espessura do limite de um controlo.

CalculateOriginalDimensions – ativa as propriedades OriginalHeight e OriginalWidth.

DisplayMode – se o controlo permite a intervenção do utilizador (Editar), apenas apresenta os dados (Visualizar), ou está desativado (Desativado).

DisabledBorderColor – a cor do limite de um controlo se a propriedade DisplayMode do controlo estiver definida como Desativada.

DisabledFill – a cor de fundo de um controlo se a respetiva propriedade DisplayMode estiver definida como Desativada.

Fill – a cor de fundo de um controlo.

FlipHorizontal – se vira a imagem na horizontal antes de a apresentar.

FlipVertical – se vira a imagem na vertical antes de a apresentar.

FocusedBorderColor – a cor do limite de um controlo quando o controlo é destacado.

FocusedBorderThickness – a espessura do limite de um controlo quando o controlo é destacado.

Height – a distância entre as margens superiores e inferiores de um controlo.

HoverBorderColor – a cor do limite de um controlo quando o utilizador mantém o ponteiro do rato nesse controlo.

HoverFill – a cor de fundo de um controlo quando o utilizador mantém o ponteiro do rato no mesmo.

ImagePosition – a posição (Preencher, Ajustar, Esticar, Mosaico ou Centrar) de uma imagem num ecrã ou num controlo, se não tiver o mesmo tamanho da imagem.

ImageRotation – como rodar a imagem antes de a apresentar. Os valores podem ser nenhum, no sentido dos ponteiros do relógio (CW) a 90 graus, no sentido contrário aos ponteiros do relógio (CCW) a 90 graus e no sentido dos ponteiros do relógio a 180 graus.

OnSelect– Ações a realizar quando o utilizador toca ou clica num controlo.

OriginalHeight – a altura original de uma imagem, ativada com a propriedade CalculateOriginalDimensions.

OriginalWidth – a largura original de uma imagem, ativada com a propriedade CalculateOriginalDimensions.

PaddingBottom – a distância entre o texto num controlo e o limite inferior desse controlo.

PaddingLeft – a distância entre o texto num controlo e o limite esquerdo desse controlo.

PaddingRight – a distância entre o texto num controlo e o limite direito desse controlo.

PaddingTop – a distância entre o texto num controlo e o limite superior desse controlo.

PressedBorderColor – a cor do limite de um controlo quando o utilizador toca ou clica nesse controlo.

PressedFill – a cor de fundo de um controlo quando o utilizador toca ou clica nesse controlo.

RadiusBottomLeft – o grau a que o canto inferior esquerdo de um controlo é arredondado.

RadiusBottomRight – o grau a que o canto inferior direito de um controlo é arredondado.

RadiusTopLeft – o grau a que o canto superior esquerdo de um controlo é arredondado.

RadiusTopRight – o grau a que o canto superior direito de um controlo é arredondado.

TabIndex – a ordem de navegação no teclado em relação a outros controlos.

Tooltip – o texto explicativo que aparece quando o rato passa por cima de um controlo.

Transparency – até que grau os controlos subjacentes a uma imagem permanecem visíveis. Os valores decimais variam de 0 a 1. Em que 0 é opaco, 0,5 é semitransparente e 1 é transparente.

Visible – se um controlo é apresentado ou está oculto.

Width – a distância entre as margens esquerda e direita de um controlo.

X – a distância entre o limite esquerdo de um controlo e o limite esquerdo do respetivo recipiente principal (do ecrã, se não existir um recipiente principal).

Y – a distância entre o limite superior de um controlo e o limite superior do recipiente principal (do ecrã, se não existir um recipiente principal).

Remove( DataSource, ThisItem )

Exemplos

Mostrar uma imagem de um ficheiro local

  1. No menu Ficheiro, clique ou toque em Suporte e, em seguida, clique ou toque em Procurar.

  2. Clique ou toque no ficheiro de imagem que pretende adicionar, clique ou toque em Abrir e, em seguida, prima Esc para regressar à área de trabalho predefinida.

  3. Adicione um controlo Imagem e defina a respetiva propriedade Image para o nome do ficheiro que adicionou.

    Não sabe como adicionar e configurar um controlo?

    O controlo Imagem mostra a imagem que especificou.

Mostrar um conjunto de imagens a partir de uma origem de dados

  1. Transfira este ficheiro do Excel e guarde-o no seu dispositivo local.

  2. No Power Apps Studio, crie ou abra uma aplicação e, em seguida, clique ou toque em Adicionar origem de dados no painel direito.

    Se Adicionar origem de dados não aparecer no painel direito, clique ou toque num ecrã na barra de navegação esquerda.

  3. Clique ou toque em Adicionar dados estáticos à aplicação, clique ou toque no ficheiro do Excel que transferiu e, em seguida, clique ou toque em Abrir.

  4. Selecione a caixa de verificação Flooring Estimates e, em seguida, clique ou toque em Ligar.

  5. Adicione um controlo Galeria com imagens e defina a respetiva propriedade Items para FlooringEstimates.

    Não sabe como adicionar e configurar um controlo?

    O controlo Galeria mostra as imagens dos produtos de alcatifa, madeira e mosaico, com base nas ligações do ficheiro do Excel que transferiu.

Diretrizes de acessibilidade

Contraste de cor

  • Aplicam-se os requisitos de contraste de cor padrão se o elemento gráfico for utilizado como um botão.
  • Considere verificar se há problemas de contraste na imagem, se esta não for puramente decorativa.

Suporte a leitor de ecrã

  • AccessibleLabel tem de ser definido para os gráficos importantes.

  • Se o gráfico for para decoração ou fornecer informações redundantes, deixe AccessibleLabel vazio ou defina-o como cadeia vazia "" . Os leitores de ecrã vão ignorar estes gráficos.

Por exemplo, poderá colocar uma Image de um cadeado junto de uma Etiqueta com a indicação Este formulário não pode ser modificado. Não precisa de uma AccessibleLabel para a imagem porque a Etiqueta já explica o seu significado.

Importante

Quando TabIndex for igual a zero ou superior, a Image torna-se um botão. A sua aparência não muda, mas os leitores de ecrã vão tratá-lo como um botão. Não vão ignor o controlo, mesmo que AccessibleLabel esteja vazio.

Suporte de teclado

  • TabIndex terá de ser zero ou superior se o gráfico for utilizado como um botão. Os utilizadores de teclado poderão então navegar até ele.

  • Os indicadores de foco terão de estar claramente visíveis se o elemento gráfico for utilizado como um botão. Utilize FocusedBorderColor e FocusedBorderThickness para conseguir este resultado.

Nota

Pode indicar-nos as suas preferências no que se refere ao idioma da documentação? Responda a um breve inquérito. (tenha em atenção que o inquérito está em inglês)

O inquérito irá demorar cerca de sete minutos. Não são recolhidos dados pessoais (declaração de privacidade).