Condividi tramite


Controllo immagine in Power Apps

Controllo che mostra un'immagine da, ad esempio, un file locale o un'origine dati.

Description

Se si aggiungono uno o più controlli Immagine all'app, è possibile visualizzare singole immagini che non fanno parte di un set di dati oppure è possibile incorporare immagini dai record nelle origini dati.

Proprietà chiave

Immagine : nome o URL dell'immagine visualizzata in un controllo immagine, audio o microfono.

Annotazioni

  • Usare HTTPS per tutte le immagini esterne per garantire la compatibilità con i browser moderni.
  • Le immagini esterne devono essere accessibili in modo anonimo (senza autenticazione).

Proprietà aggiuntive

AccessibleLabel : etichetta per le utilità per la lettura dello schermo.

ApplyEXIFOrientation : indica se applicare automaticamente l'orientamento specificato nei dati EXIF incorporati con l'immagine.

AutoDisableOnSelect : disabilita automaticamente il controllo durante l'esecuzione del comportamento OnSelect.

BorderColor : colore del bordo di un controllo.

BorderStyle : indica se il bordo di un controllo è Solido, Tratteggiato, Tratteggiato o Nessuno.

BorderThickness : spessore del bordo di un controllo.

CalculateOriginalDimensions : abilita le proprietà OriginalHeight e OriginalWidth .

DisplayMode : indica se il controllo consente l'input dell'utente (Modifica), visualizza solo i dati (visualizzazione) o è disabilitato (Disabilitato).

DisabledBorderColor : colore del bordo di un controllo se la proprietà DisplayMode del controllo è impostata su Disabled.

DisabledFill : colore di sfondo di un controllo se la relativa proprietà DisplayMode è impostata su Disabled.

Fill: colore dello sfondo di un controllo.

FlipHorizontal : indica se capovolgere l'immagine orizzontalmente prima di visualizzarla.

FlipVertical : indica se capovolgere l'immagine verticalmente prima di visualizzarla.

FocusedBorderColor : colore del bordo di un controllo quando il controllo è attivo.

FocusedBorderThickness : spessore del bordo di un controllo quando il controllo è attivo.

Altezza : distanza tra i bordi superiore e inferiore di un controllo.

HoverBorderColor : colore del bordo di un controllo quando l'utente mantiene il puntatore del mouse su tale controllo.

HoverFill : colore di sfondo di un controllo quando l'utente mantiene il puntatore del mouse su di esso.

ImagePosition: posizione (Fill, Fit, Stretch, Tile o Center) di un'immagine in una schermata o in un controllo, se quest'ultimo non ha la stessa dimensione dell'immagine.

ImageRotation : come ruotare l'immagine prima di visualizzarla. I valori possono essere none, in senso orario (CW) 90 gradi, antiorario (CCW) 90 gradi e in senso orario 180 gradi.

OnSelect : azioni da eseguire quando l'utente tocca o fa clic su un controllo.

OriginalHeight : altezza originale di un'immagine abilitata con la proprietà CalculateOriginalDimensions .

OriginalWidth : larghezza originale di un'immagine abilitata con la proprietà CalculateOriginalDimensions .

PaddingBottom : distanza tra il testo in un controllo e il bordo inferiore di tale controllo.

PaddingLeft : distanza tra il testo in un controllo e il bordo sinistro di tale controllo.

PaddingRight : distanza tra il testo in un controllo e il bordo destro di tale controllo.

PaddingTop : distanza tra il testo in un controllo e il bordo superiore di tale controllo.

PressedBorderColor : colore del bordo di un controllo quando l'utente tocca o fa clic su tale controllo.

PressedFill : colore di sfondo di un controllo quando l'utente tocca o fa clic su tale controllo.

RadiusBottomLeft : grado in cui viene arrotondato l'angolo inferiore sinistro di un controllo.

RadiusBottomRight : grado in cui viene arrotondato l'angolo inferiore destro di un controllo.

RadiusTopLeft : grado in cui viene arrotondato l'angolo superiore sinistro di un controllo.

RadiusTopRight : grado in cui viene arrotondato l'angolo superiore destro di un controllo.

TabIndex : ordine di spostamento tramite tastiera in relazione ad altri controlli.

Descrizione comando : testo esplicativo visualizzato quando l'utente passa il mouse su un controllo.

Trasparenza : grado in cui i controlli dietro un'immagine rimangono visibili. I valori decimali sono compresi tra 0 e 1. Dove 0 è opaco, 0,5 è semitrasparente e 1 è trasparente.

Visibile : indica se viene visualizzato o nascosto un controllo.

Width : distanza tra i bordi sinistro e destro di un controllo.

X: distanza tra il bordo sinistro di un controllo e il bordo sinistro del contenitore padre o della schermata se non c'è un contenitore padre.

Y: distanza tra il bordo superiore di un controllo e il bordo superiore del contenitore padre o della schermata se non c'è un contenitore padre.

Remove( DataSource, ThisItem )

Esempi

Visualizzare un'immagine da un file locale

  1. Scegliere o toccare Supporti dal menu File e quindi fare clic o toccare Sfoglia.

  2. Fare clic o toccare il file di immagine da aggiungere, fare clic o toccare Apri e quindi premere ESC per tornare all'area di lavoro predefinita.

  3. Aggiungere un controllo Image e impostarne la proprietà Image sul nome del file aggiunto.

    Non si sa come aggiungere e configurare un controllo?

    Il controllo Immagine mostra l'immagine specificata.

Visualizzare un set di immagini da un'origine dati

  1. Scaricare questo file di Excel e salvarlo nel dispositivo locale.

  2. In Power Apps Studio creare o aprire un'app e quindi toccare o fare clic su Aggiungi origine dati nel riquadro di destra.

    Se l'opzione Aggiungi origine dati non viene visualizzata nel riquadro di destra, fare clic o toccare una schermata nella barra di spostamento a sinistra.

  3. Toccare o fare clic su Aggiungi dati statici all'app, toccare o fare clic sul file di Excel scaricato e quindi toccare o fare clic su Apri.

  4. Selezionare la casella di controllo Flooring Estimates e quindi fare clic o toccare Connetti.

  5. Aggiungere un controllo Gallery con immagini e impostarne la proprietà Items su FlooringEstimates.

    Non si sa come aggiungere e configurare un controllo?

    Il controllo Raccolta mostra immagini di tappeti, legno e prodotti affiancati in base ai collegamenti nel file di Excel scaricato.

Linee guida sull'accessibilità

Contrasto dei colori

Utilità per la lettura dello schermo

  • AccessibleLabel deve essere impostato per elementi grafici importanti.

  • Se l'elemento grafico è per la decorazione o fornisce informazioni ridondanti, lasciare AccessibleLabel vuoto o impostarlo sulla stringa vuota "" . Le utilità per la lettura dello schermo ignoreranno queste immagini.

Ad esempio, è possibile inserire un'immagine di un lucchetto accanto a un'etichetta che indica che il modulo non può essere modificato. Non è necessaria un'etichetta AccessibleLabel per l'immagine perché l'etichetta ne spiega già il significato.

Importante

Quando TabIndex è zero o maggiore, l'immagine diventa un pulsante. L'aspetto non cambia, ma le utilità per la lettura dello schermo lo considerano come un pulsante. Non ignoreranno il controllo, anche se AccessibleLabel è vuoto.

Supporto della tastiera

  • TabIndex deve essere zero o maggiore, se l'elemento grafico viene usato come pulsante. Gli utenti della tastiera possono quindi accedervi.

  • Gli indicatori di stato attivo devono essere chiaramente visibili, se l'immagine viene utilizzata come pulsante. Usare FocusedBorderColor e FocusedBorderThickness per ottenere questo risultato.