Come utilizzare il controllo griglia in WPF

July 21

Questo articolo intende dimostrare come impostare un controllo WPF griglia in XAML utilizzando Microsoft Visual Studio 2008. Mi scuso per la scarsa formattazione del codice XAML, ma eHow non ha alcun supporto per la formattazione del codice. Copiare il codice nel vostro editor e sostituire tutte le occorrenze di <con <per visualizzare il codice corretto. La sezione Risorse di seguito contiene collegamenti a libri WPF che mi sento di raccomandare.

istruzione

1 Come utilizzare il controllo griglia in WPF


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

<Window x: Class = "GridSample.Window1"

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>

2 Come utilizzare il controllo griglia in WPF


Creare una griglia 2x2 con le definizioni di righe e colonne:

<Griglia>

&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>

3 Come 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 specificano dove posizionare il contenuto nella griglia. Grid.RowSpan specifica l'altezza del contenuto in file. È inoltre possibile utilizzare Grid.ColumnSpan per specificare una larghezza in colonne.

4 Come utilizzare il controllo griglia in WPF


Eseguire l'applicazione e si dovrebbe ottenere qualcosa che sembra come l'immagine in questa fase.


Ti potrebbe piacere anche