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>