Observação
O acesso a essa página exige autorização. Você pode tentar entrar ou alterar diretórios.
O acesso a essa página exige autorização. Você pode tentar alterar os diretórios.
Um controle que mostra uma imagem de, por exemplo, um arquivo local ou uma fonte de dados.
Description
Se você adicionar um ou mais controles de imagem ao seu aplicativo, poderá mostrar imagens individuais que não fazem parte de um conjunto de dados ou incorporar imagens de registros em fontes de dados.
Principais propriedades
Imagem – O nome ou a URL da imagem que aparece em um controle de imagem, áudio ou microfone.
Observação
- Use HTTPS para todas as imagens externas para garantir a compatibilidade com navegadores modernos.
- As imagens externas devem estar acessíveis anonimamente (sem nenhuma autenticação).
Propriedades adicionais
AccessibleLabel – Rótulo para leitores de tela.
ApplyEXIFOrientation – Se deve aplicar automaticamente a orientação especificada nos dados EXIF inseridos com a imagem.
AutoDisableOnSelect – desabilita automaticamente o controle enquanto o comportamento onSelect está sendo executado.
BorderColor – A cor da borda de um controle.
BorderStyle – se a borda de um controle é Solid, Dashed, Dotted ou None.
BorderThickness – A espessura da borda de um controle.
CalculateOriginalDimensions – habilita as propriedades OriginalHeight e OriginalWidth .
DisplayMode – se o controle permite a entrada do usuário (Editar), exibe apenas dados (Exibição) ou está desabilitado (Desabilitado).
DisabledBorderColor – A cor da borda de um controle se a propriedade DisplayMode do controle estiver definida como Desabilitada.
DisabledFill – A cor da tela de fundo de um controle se sua propriedade DisplayMode estiver definida como Desabilitada.
Fill – a cor da tela de fundo de um controle.
FlipHorizontal – Se deseja inverter a imagem horizontalmente antes de exibi-la.
FlipVertical – Se deseja inverter a imagem verticalmente antes de exibi-la.
FocusedBorderColor – A cor da borda de um controle quando o controle está focado.
FocusedBorderThickness – A espessura da borda de um controle quando o controle está focado.
Altura – a distância entre as bordas superior e inferior de um controle.
HoverBorderColor – A cor da borda de um controle quando o usuário mantém o ponteiro do mouse nesse controle.
HoverFill – A cor da tela de fundo de um controle quando o usuário mantém o ponteiro do mouse sobre ele.
ImagePosition – a posição (Preencher, Ajustar, Ampliar, Organizar lado a lado ou Centralizar) de uma imagem em uma tela ou em um controle se ela não tiver o mesmo tamanho da imagem.
ImageRotation – Como girar a imagem antes de exibi-la. Os valores podem ser nenhum, no sentido horário (CW) 90 graus, no sentido anti-horário (CCW) 90 graus e no sentido horário de 180 graus.
OnSelect – Ações a serem executadas quando o usuário toca ou clica em um controle.
OriginalHeight – Altura original de uma imagem, habilitada com a propriedade CalculateOriginalDimensions .
OriginalWidth – Largura original de uma imagem, habilitada com a propriedade CalculateOriginalDimensions .
PaddingBottom – A distância entre o texto em um controle e a borda inferior desse controle.
PaddingLeft – A distância entre o texto em um controle e a borda esquerda desse controle.
PaddingRight – A distância entre o texto em um controle e a borda direita desse controle.
PaddingTop – a distância entre o texto em um controle e a borda superior desse controle.
PressedBorderColor – A cor da borda de um controle quando o usuário toca ou clica nesse controle.
PressedFill – A cor da tela de fundo de um controle quando o usuário toca ou clica nesse controle.
RadiusBottomLeft – O grau em que o canto inferior esquerdo de um controle é arredondado.
RadiusBottomRight – O grau em que o canto inferior direito de um controle é arredondado.
RadiusTopLeft – O grau em que o canto superior esquerdo de um controle é arredondado.
RadiusTopRight – O grau em que o canto superior direito de um controle é arredondado.
TabIndex – Ordem de navegação do teclado em relação a outros controles.
Dica de ferramenta – texto explicativo exibido quando o usuário passa o mouse sobre um controle.
Transparência – O grau em que os controles por trás de uma imagem permanecem visíveis. Os valores decimais variam de 0 a 1. Onde 0 é opaco, 0,5 é semitransparente e 1 é transparente.
Visível – se um controle aparece ou está oculto.
Largura – a distância entre as bordas esquerda e direita de um controle.
X – a distância entre a borda esquerda de um controle e a borda esquerda de seu contêiner pai (ou a tela, se não houver contêiner pai).
Y – a distância entre a borda superior de um controle e a borda superior de seu contêiner pai (ou a tela, se não houver contêiner pai).
Funções relacionadas
Remove( DataSource, ThisItem )
Exemplos
Mostrar uma imagem de um arquivo local
No menu Arquivo , clique ou toque em Mídia e clique ou toque em Procurar.
Clique ou toque no arquivo de imagem que você deseja adicionar, clique ou toque em Abrir e pressione Esc para retornar ao workspace padrão.
Adicione um controle image e defina sua propriedade Image como o nome do arquivo que você adicionou.
Não sabe como adicionar e configurar um controle?
O controle Imagem mostra a imagem que você especificou.
Mostrar um conjunto de imagens de uma fonte de dados
Baixe este arquivo do Excel e salve-o em seu dispositivo local.
No Power Apps Studio, crie ou abra um aplicativo e clique ou toque em Adicionar fonte de dados no painel direito.
Se Adicionar fonte de dados não aparecer no painel direito, clique ou toque em uma tela na barra de navegação esquerda.
Clique ou toque em Adicionar dados estáticos ao seu aplicativo, clique ou toque no arquivo do Excel que você baixou e clique ou toque em Abrir.
Marque a caixa de seleção Estimativas de Piso e clique ou toque em Conectar.
Adicione um controle da Galeria com imagens e defina sua propriedade Items como FlooringEstimates.
Não sabe como adicionar e configurar um controle?
O controle Galeria mostra imagens de produtos de tapete, madeira e bloco com base em links no arquivo do Excel que você baixou.
Diretrizes de acessibilidade
Contraste de cores
- Os requisitos de contraste de cores padrão se aplicam, se o gráfico for usado como um botão.
- Considere verificar se há problemas de contraste dentro da imagem, se ela não for puramente decorativa.
Suporte ao leitor de tela
AccessibleLabel deve ser definido para elementos gráficos importantes.
Se o gráfico for para decoração ou fornecer informações redundantes, deixe AccessibleLabel vazio ou defina-o como a cadeia de caracteres vazia "" . Os leitores de tela ignorarão esses elementos gráficos.
Por exemplo, você pode colocar uma imagem de um cadeado ao lado de um rótulo que diz que este formulário não pode ser modificado. Você não precisa de um AccessibleLabel para a imagem porque o Rótulo já explica seu significado.
Importante
Quando TabIndex é zero ou maior, a Imagem se torna um botão. Sua aparência não muda, mas os leitores de tela o tratarão como um botão. Eles não ignorarão o controle, mesmo que AccessibleLabel esteja vazio.
Suporte ao teclado
TabIndex deve ser zero ou maior, se o gráfico for usado como um botão. Os usuários de teclado podem navegar até ele.
Os indicadores de foco devem estar claramente visíveis, se o gráfico for usado como um botão. Use FocusedBorderColor e FocusedBorderThickness para obter esse resultado.