Grid kontrollen - Rækker og kolonner

I det sidste afsnit introducerede vi dig til det fantastiske Grid panel og viste dig nogle elementære eksempler på brug af det. I dette afsnit vil vi lave nogle lidt mere avancerede layouts, da det er her, Grid kontrollen virkelig kommer til sin ret. Lad os først smide nogle flere kolonner og nogle rækker ind for et sandt tabellayout:

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

I alt ni knapper hver placeret i sin egen celle i gitteret med tre rækker og tre kolonner. Igen bruger vi en stjernebaseret bredde, men denne gang tildeler vi et tal også - den første række og første kolonne har en bredde på 2*, hvilket grundlæggende betyder, at de bruger dobbelt så meget plads som rækker og kolonner med en bredde på 1* (eller bare * - det er det samme).

Du vil også bemærke, at jeg har brugt de tilknyttede egenskaber Grid.Row og Grid.Column til at placere kontrollerne i gitteret, og igen vil du se, at jeg har udeladt disse egenskaber på de kontroller, hvor jeg ønsker ant anvende enten første række eller første kolonne (eller begge). Dette er det samme som at specificere nul. Det sparer lidt tastning, men du foretrækker muligvis at tildele dem alligevel for et bedre overblik - det er totalt op til dig!