Nwlapcug.com


Come utilizzare il controllo griglia in WPF

Questo articolo verrà illustrato come impostare la pagina di un controllo griglia di WPF in XAML utilizzando Microsoft Visual Studio 2008. Mi scuso per la scarsa formattazione del codice XAML, ma eHow non dispone di alcun supporto per la formattazione del codice. Copiare il codice nel tuo editor e sostituire tutte le occorrenze di < con < per visualizzare correttamente il codice. La sezione risorse contiene link a libri WPF che consiglierei.

Istruzioni

1

Creare una nuova applicazione WPF in Visual Studio 2008. Per impostazione predefinita, il controllo di primo livello sarà una griglia. Il codice XAML generato sarà simile a questo:

< x:Class="GridSample.Window1 finestra"

xmlns=&quot;http://schemas.microsoft.com/winfx/2006/xaml/presentation&quot;
xmlns:x=&quot;http://schemas.microsoft.com/winfx/2006/xaml&quot;
Title=&quot;Window1&quot; Height=&quot;300&quot; Width=&quot;300&quot;>
&lt;Grid>
&lt;/Grid>

< / finestra >

2Come utilizzare il controllo griglia in WPF


Creare una griglia di 2 x 2 utilizzando definizioni di riga e colonna:

< grid >

&lt;Grid.RowDefinitions>
&lt;RowDefinition>&lt;/RowDefinition>
&lt;RowDefinition>&lt;/RowDefinition>
&lt;/Grid.RowDefinitions>
&lt;Grid.ColumnDefinitions>
&lt;ColumnDefinition>&lt;/ColumnDefinition>
&lt;ColumnDefinition>&lt;/ColumnDefinition>
&lt;/Grid.ColumnDefinitions>

< / griglia >

3Come utilizzare il controllo griglia in WPF


Aggiungere contenuto alle celle della griglia:

&lt;Grid>
&lt;Grid.RowDefinitions>
&lt;RowDefinition>&lt;/RowDefinition>
&lt;RowDefinition>&lt;/RowDefinition>
&lt;/Grid.RowDefinitions>
&lt;Grid.ColumnDefinitions>
&lt;ColumnDefinition>&lt;/ColumnDefinition>
&lt;ColumnDefinition>&lt;/ColumnDefinition>
&lt;/Grid.ColumnDefinitions>
&lt;TextBlock Grid.Row=&quot;0&quot; Grid.Column=&quot;0&quot; Grid.RowSpan=&quot;2&quot; Text=&quot;TextBlock 1&quot; Background=&quot;AliceBlue&quot; />
&lt;TextBlock Grid.Row=&quot;0&quot; Grid.Column=&quot;1&quot; Text=&quot;TextBlock 2&quot; Background=&quot;LightGray&quot; />
&lt;TextBlock Grid.Row=&quot;1&quot; Grid.Column=&quot;1&quot; Text=&quot;TextBlock 3&quot; Background=&quot;LightGreen&quot; />
&lt;/Grid>

Grid. Row e Grid. Column specificare dove mettere il contenuto della griglia. Grid. RowSpan specifica l'altezza del contenuto nelle righe. È anche possibile utilizzare ColumnSpan per specificare una larghezza in colonne.

4Come utilizzare il controllo griglia in WPF


Eseguire l'applicazione e si dovrebbe ottenere qualcosa che appare come l'immagine in questo passaggio.