Tecnología

Inicio

Cómo utilizar el control de cuadrícula en WPF

Este artículo demostrará cómo configurar un control de WPF en XAML cuadrícula utilizando Microsoft Visual Studio 2008. Me disculpo por la mala formato del XAML, pero eHow no tiene ningún soporte para el formato de código. Copia el código en tu editor y reemplazar todas las apariciones de <con <para ver el código correctamente. La sección de Recursos más adelante contiene enlaces a los libros de WPF que yo recomendaría.

Instrucciones

1 Cómo utilizar el control de cuadrícula en WPF


Crear una nueva aplicación de WPF en Visual Studio 2008. De forma predeterminada, el control de nivel superior será una cuadrícula. El XAML generado se verá algo como esto:

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

</ Window>

2 Cómo utilizar el control de cuadrícula en WPF


Crear una cuadrícula de 2x2 utilizando las definiciones de fila y columna:

<Cuadrícula>

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

</ Cuadrícula>

3 Cómo utilizar el control de cuadrícula en WPF


Adición de contenido a las celdas de la cuadrícula:

&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 y Grid.Column especifican dónde colocar el contenido en la red. Grid.RowSpan especifica la altura del contenido en filas. También puede utilizar Grid.ColumnSpan para especificar un ancho de columnas.

4 Cómo utilizar el control de cuadrícula en WPF


Ejecutar la aplicación y se debe conseguir algo que se parece a la imagen en este paso.