windows8中的布局问题

windows8中布局包括主要有三种：Canvase（帆布）布局、StackPanel（面板）布局、Grid（网格）布局

 

例1：Canvase布局的使用：

<Grid Background="{StaticResource ApplicationPageBackgroundThemeBursh}">

<Canvase>

<Button content="按钮1" FontSize="30" Canvase.Left="10" Canvase.Top="10">

<Button content="按钮2" FontSize="30" Canvase.Left="10" Canvase.Top="60">

<Button content="按钮3" FontSize="30" Canvase.Left="10" Canvase.Top="110">

</Canvase>

</Grid>

 

 

 

例2：StackPanel的布局应用：

<Grid Background="{StaticResource ApplicationPageBackgroundThemeBursh}">

<StackPanel>

<TextBlock  Text="姓名" FontSize="30"  Margin="10,10,10,10"/>

<TextBlock Text="年龄" FontSize="30"  Margin="10,10,10,10"/>

<TextBlock Text="性别" FontSize="30"  Margin="10,10,10,10"/>

</StackPanel>

<StackPanel>

<TextBox Width="150" height="30" Margin="-800,10,10,10"/>

<TextBox Width="150" height="30" Margin="-800,10,10,10"/>

<TextBox Width="150" height="30" Margin="-800,10,10,10"/>

</StackPanel>

</Grid>

 

 

 

例3：Grid布局的使用：

<Grid Background="{StaticResource ApplicationPageBackgroundThemeBursh}">

<Grid>

<Grid.RowDefinitions>

<RowDefinition height="150"/>

<RowDefinition height="150"/>

<RowDefinition height="150"/>

<RowDefinition height="150"/>

</Grid.RowDefinitions>

<Grid.ColumnDefinitions>

<ColumnDefinition Width="200"/>

<ColumnDefinition Width="300"/>

</Grid.ColumnDefinitions>

</Grid>

</Grid>