Controlo Image 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 Image à 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 da imagem que aparece num controlo de imagem, áudio ou microfone.

Nota

Utilize HTTPS para todas as imagens externas para garantir compatibilidade com browsers modernos.

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.

Preenchimento – 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.

Altura – 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 – como a aplicação responde 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.

Transparência – 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.

Visível – se um controlo é apresentado ou está oculto.

Largura – 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).

Remover( DataSource, ThisItem )

Exemplos

Mostrar uma imagem de um ficheiro local

  1. No menu Ficheiro, clique ou toque em Suporte de Dados 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 Image e defina a respetiva propriedade Imagem para o nome do ficheiro que adicionou.

    Não sabe como adicionar e configurar um controlo?

    O controlo Image 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 Itens 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 terá de estar presente se o elemento gráfico for utilizado como um botão ou se não for utilizado apenas como decoração.
  • AccessibleLabel deverá estar vazio ou ser uma cadeia vazia "" se o elemento gráfico servir apenas de decoração. Esta definição faz com que os leitores de ecrã ignorem o gráfico.
  • AccessibleLabel poderá estar vazio ou ser uma cadeia vazia "" se o gráfico fornecer informações redundantes.
    • Por exemplo, uma Imagem de engrenagem com AccessibleLabel definido como Definições. Esta imagem não é utilizada como um botão. Está junto a uma Label que também indica Definições. Os leitores de ecrã irão ler a imagem como Definições e a etiqueta também como Definições, O que acaba por ser desnecessariamente informativo. Neste caso, a Imagem não precisa de um AccessibleLabel.

      Importante

      Os leitores de ecrã irão ler sempre Imagens que tenham TabIndex igual a zero ou superior, mesmo se AccessibleLabel estiver vazio. Tal acontece porque são compostas como botões. Se AccessibleLabel não for fornecido, os leitores de ecrã simplesmente irão ler o gráfico como botão.

Suporte de teclado

  • TabIndex terá de ser zero ou superior se o gráfico for utilizado como um botão. Esta definição permite que os utilizadores de teclado naveguem 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 o conseguir.

    Nota

    Quando TabIndex for igual a zero ou superior, a Imagem é composta como um botão. Não há nenhuma alteração no aspeto visual, mas os leitores de ecrã irão identificar corretamente a imagem como um botão. Quando TabIndex é inferior a zero, a Imagem é identificada como uma imagem.

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).