Immagine

BrowseName: Image
SuperType: Contenitore (Container)
Percorso nella TypeView: Tipi > UI > Disegni > Immagine

Visualizza un’immagine.

Casi applicativi

Usato tipicamente per visualizzare il logo aziendale, immagini generiche o icone, oppure come sfondo di altri oggetti (per esempio di un oggetto Pannello).

Configurare l’oggetto

Ridimensionare un’immagine mantenendo le proporzioni originali

  1. In Modalità di riempimento selezionare Riempi.

  2. Impostare un valore per una delle due dimensioni, ad esempio impostare Altezza su 50 pixel.

  3. Impostare su Auto il valore dell’altra dimensione. Per farlo fare clic sulla proprietà, ad esempio Larghezza, e premere CANC .

L’immagine assume l’altezza desiderata, mentre la larghezza si adatta per mantenere le proporzioni originali.

../../../_images/ref_image_originalRatio_ex.gif

Reimpostare l’immagine alla dimensione nativa

Su Altezza e Larghezza premere CANC: il valore diventa Auto e l’immagine ripristina le dimensioni native.

Escludere i margini dal ridimensionamento

UNIQO implementa la funzione 9 slice scaling (o ridimensionamento in 9 sezioni), che permette di escludere le sezioni periferiche dell’immagine dal ridimensionamento, per non provocarne la distorsione in caso di ingrandimento.

Questo è utile quando, ad esempio, si vuole creare uno sfondo o un pulsante a partire da un’immagine con margini marcati: escludendo i margini dal ridimensionamento, questi non rischiano di apparire distorti o sgranati.

../../../_images/ref_image_9slicing.gif

Per impostare le sezioni da non ridimensionare, impostare il valore in pixel nelle proprietà seguenti:

  • Margine sinistro immagine

  • Margine superiore immagine

  • Margine destro immagine

  • Margine inferiore immagine

Proprietà

Nome

BrowseName

DataType

Descrizione

Percorso

Path

ResourceUri

Percorso del video

Colore dinamico

DynamicColor

Color

(Solo per formati SVG) Sostituisce i colori dell’immagine con il colore selezionato.

Modalità riempimento

FillMode

FillModeEnum

Modalità di riempimento dell’oggetto immagine (Riempi = ridimensiona l’immagine mantenendo le proporzioni originali, Adatta = ridimensiona l’immagine adattando le proporzioni all’area dell’oggetto immagine)

Visibile ai click

HitTestVisible

Boolean

Vero = intercetta i clic dell’utente. Falso = non intercetta i clic dell’utente, che vengono invece passati all’oggetto sottostante, in base all’ordine sull’asse z.

Margine sinistro immagine

ImageLeftMargin

Size

Dimensione della sezione periferica sinistra da escludere dal ridimensionamento dell’immagine.

Margine superiore immagine

ImageTopMargin

Size

Dimensione della sezione periferica superiore da escludere dal ridimensionamento dell’immagine.

Margine destro immagine

ImageRightMargin

Size

Dimensione della sezione periferica destra da escludere dal ridimensionamento dell’immagine.

Margine inferiore immagine

ImageBottomMargin

Size

Dimensione della sezione periferica inferiore da escludere dal ridimensionamento dell’immagine.

Visibilità

Visible

Boolean

Mostra/nasconde la finestra.
(Ereditato da Elemento)
Abilitato

Enabled

Boolean

Abilita/disabilita l’interazione da parte dell’utente (Vero = abilitato, Falso = disabilitato).
(Ereditato da Elemento)
Opacità

Opacity

Float

Livello di opacità (0 = trasparente)
(Ereditato da Elemento)
Margine sinistro

LeftMargin

Size

(Solo se Allineamento orizzontale = Sinistra o Centro o Adatta) Distanza tra il bordo sinistro dell’oggetto e il bordo sinistro del suo contenitore.
(Ereditato da Elemento)
Margine superiore

TopMargin

Size

(Solo se Allineamento verticale = Superiore o Centro o Adatta) Distanza tra il bordo superiore dell’oggetto e il bordo superiore del suo contenitore.
(Ereditato da Elemento)
Margine destro

RightMargin

Size

(Solo se Allineamento orizzontale = Destra o Centro o Adatta) Distanza tra il bordo destro dell’oggetto e il bordo destro del suo contenitore.
(Ereditato da Elemento)
Margine inferiore

BottomMargin

Size

(Solo se Allineamento verticale = Inferiore o Centro o Adatta) Distanza tra il bordo inferiore dell’oggetto e il bordo inferiore del suo contenitore.
(Ereditato da Elemento)
Larghezza

Width

Size

Larghezza della finestra. Può assumere valori maggiori o uguali a zero. Il valore Auto imposta la larghezza uguale alla larghezza del contenuto (in questo caso, in mancanza di contenuto l’oggetto collassa).
(Ereditato da Elemento)
Altezza

Height

Size

Altezza della finestra. Può assumere valori maggiori o uguali a zero. Il valore Auto imposta l’altezza uguale all’altezza del contenuto (in questo caso, in mancanza di contenuto l’oggetto collassa).
(Ereditato da Elemento)
Allineamento orizzontale

HorizontalAlignment

HorizontalAlignment

Allineamento dell’oggetto sull’asse orizzontale. Sinistra = il lato sinistro viene posizionato sul lato sinistro del contenitore, a meno di margine sinistro; Destra = il lato destro viene posizionato sul lato destro del contenitore, a meno di margine destro; Centro = il centro dell’oggetto viene posizionato al centro del contenitore, a meno di margini sinistro e/o destro; Adatta = la larghezza dell’oggetto equivale alla larghezza del contenitore, a meno di margini sinistro e/o destro.
(Ereditato da Elemento)
Allineamento verticale

VerticalAlignment

VerticalAlignment

Allineamento dell’oggetto sull’asse verticale. Superiore = il lato superiore viene posizionato sul lato superiore del contenitore, a meno di margine superiore; Inferiore = il lato inferiore viene posizionato sul lato inferiore del contenitore, a meno di margine inferiore; Centro = il centro dell’oggetto viene posizionato al centro del contenitore, a meno di margini superiore e/o inferiore; Adatta = l’altezza dell’oggetto equivale all’altezza del contenitore, a meno di margini superiore e/o inferiore.
(Ereditato da Elemento)
Rotazione

Rotation

Size

Rotazione dell’oggetto rispetto al suo centro. I valori positivi indicano gradi sessagesimali in senso orario.
(Ereditato da Elemento)

Eventi

Evento MouseDown

BrowseName: MouseDownEvent

Evento MouseUp

BrowseName: MouseUpEvent