Grid - řádky a sloupce

V poslední kapitole jsme vás seznámili s úžasným Grid panelem a ukázali jsme vám pár jednoduchých příkladů jejich použití. V této kapitole uděláme více pokročilé rozvržení, jelikož Grid je na toto nejlepší. Jako první, přidáme více sloupečků, a dokonce nějaké řádky, pro opravdové, tabulkové rozvržení:

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

Dohromady devět tlačítek, každé umístěné ve své vlastní buňce uvnitř mřížky (Gridu) obsahující tři sloupce a tři řádky. Opět použijeme šířku formátu hvězdičky, ale tentokrát k ní přiřadíme dokonce i číslo – první řádek a první sloupec má šířku dvou hvězdiček, což znamená že používá dvakrát více místa než řádky a sloupce s šířkou jedna hvězdička (nebo jednom hvězdička – to vyjde na stejno).

Určitě jste si všimli, že používám připnuté vlastnosti Grid.Row a Grid.Column na umístění ovládacích prvků v mřížce, a opět si můžete všimnout, že jsem vypustil tyto vlastnosti na ovládacích prvcích, kde chci použít buď první řadu nebo první sloupec (nebo obojí). To je v podstatě to samé jako specifikování nuly. Toto ušetří trochu psaní, ale mohli byste preferovat, že je určíte i přes to pro lepší vzhled – to je jen a pouze na vás!