The Grid - Rows & columns

Az előző fejezetben bemutattuk a híres Grid panelt és bemutattunk néhány alap példán keresztül, hogy hogyan is használjuk őket. Ebben a fejezetben további összetettebb elrendezéseket mutatunk be, hiszen ez a Grid erőssége. Elsőként adjunk hozzá még néhány oszlopot és még néhány sort a valódi táblázatos megjelenésért:

<Window x:Class="WpfTutorialSamples.Panels.TabularGrid"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="TabularGrid" Height="300" Width="300">
    <Grid>
		<Grid.ColumnDefinitions>
			<ColumnDefinition Width="2*" />
			<ColumnDefinition Width="1*" />
			<ColumnDefinition Width="1*" />
		</Grid.ColumnDefinitions>
		<Grid.RowDefinitions>
			<RowDefinition Height="2*" />
			<RowDefinition Height="1*" />
			<RowDefinition Height="1*" />
		</Grid.RowDefinitions>
		<Button>Button 1</Button>
		<Button Grid.Column="1">Button 2</Button>
		<Button Grid.Column="2">Button 3</Button>
		<Button Grid.Row="1">Button 4</Button>
		<Button Grid.Column="1" Grid.Row="1">Button 5</Button>
		<Button Grid.Column="2" Grid.Row="1">Button 6</Button>
		<Button Grid.Row="2">Button 7</Button>
		<Button Grid.Column="1" Grid.Row="2">Button 8</Button>
		<Button Grid.Column="2" Grid.Row="2">Button 9</Button>
	</Grid>
</Window>

Mind a kilenc nyomógombnak saját cellája van a 3 oszlopból és 3 sorból álló gridben. Most újra használjuk a csillag alapú szélességet, de ezúttal szorzókat használunk - az első sor és az első oszlop 2* méretű, ami egyszerűen annyit jelent, hogy kétszer akkora kiterjedésűek mint az 1* méretű sorok és oszlopok ( vagy a * méretűek - ez az 1*-gal egyenértékű).

Továbbá megfigyelhetjük, hogy csatolt tulajdonságként (Attached properties) Grid.Row és Grid.Column tulajdonságot használtunk a griden való elhelyezésre és azt is megfigyelhetjük, hogy elhagytuk ezeket a tulajdonságokat azoknál az elemeknél amelyek vagy az első sorban vagy az első oszlopban helyezkednek el (vagy egyszerre mindkettőben - Button 1; magyarázat az előző fejezetben). Ez lényegében a nulladik elemek definiálásával egyenértékű. Ezzel megspórolhatunk egy kis gépelést, de meg is adhatjuk ezeket a jobb áttekinthetőség érdekében - ez teljes mértékben rajtunk áll!