Image.NineGrid Proprietà

Definizione

Spazio dei nomi:

Microsoft.UI.Xaml.Controls

Ottiene o imposta un valore per una metafora di nove griglia che controlla la modalità di ridimensionamento dell'immagine. La metafora della nove griglia consente di estendere i bordi e gli angoli di un'immagine in modo diverso rispetto al suo centro. Per altre informazioni e un'illustrazione, vedere Osservazioni.

public:
 property Thickness NineGrid { Thickness get(); void set(Thickness value); };

Thickness NineGrid();

void NineGrid(Thickness value);

public Thickness NineGrid { get; set; }

var thickness = image.nineGrid;
image.nineGrid = thickness;

Public Property NineGrid As Thickness

<Image NineGrid="left,top,right,bottom" />

Valore della proprietà

Thickness

Valore Spessore che imposta la metafora di ridimensionamento della metafora sinistra, superiore, destra, destra, inferiore .

Commenti

Quando si usa il rendering di nove griglie, è possibile specificare la modalità di estensione delle diverse aree dell'immagine. Questa funzionalità è utile per conservare i dettagli sugli angoli dell'immagine quando un'immagine viene ridimensionata o estesa.

Il rendering di nove griglia divide un'immagine in una griglia di nove sezioni:

Il rendering di nove griglie consente di mantenere le dimensioni originali degli angoli (caselle 1, 3, 7 e 9). La parte superiore e inferiore (caselle 2 e 8) sono estese orizzontalmente e i lati (caselle 4 e 6) sono estesi solo verticalmente. Il centro (casella 5) è esteso in entrambe le dimensioni. Per usare il rendering di nove griglie, si crea un

L'applicazione del rendering a nove griglia è molto utile quando l'immagine stessa include un tipo di bordo o di decorazione perimetrale incorporata all'interno dell'origine immagine. Si supponga, ad esempio, di usare un'origine immagine per un pulsante con la struttura come parte di un'immagine con trasparenza. È possibile che l'area centrale contenga un'icona da estendere. Tuttavia, se si estendono gli angoli, è possibile ottenere artefatti aliasing da angoli arrotondati. O i lati del bordo potrebbero essere troppo spessi e non sembra così buono quando scalato. Per evitare che sia possibile usare nineGrid con valori uniformi che mantengono sempre le dimensioni del pixel del bordo le stesse dimensioni dell'origine immagine.

Nel codice o in XAML, i valori per Spessore usato per impostare la proprietà NineGrid sono valori pixel indipendenti dal dispositivo.

Di seguito è riportato un esempio XAML per un elemento Image usando un valore NineGrid:

<Image Source="Images/9grid.bmp" NineGrid="30,20,30,20" />

Un valore NineGrid è rilevante solo per il rendering dell'immagine se l'immagine non ha valori specifici impostati per Width e/o Height e dove l'immagine viene estesa (l'immagine viene eseguito il rendering in uno spazio contenitore più grande e il valore per Stretch non è** None**).

Vedi anche

• Thickness
• Esempio di immagini XAML