周末充电之WPF（二 ） .实现一个Login窗口的布局

登录窗口布局：[ Grid 布局 -Grid.RowDefinitions / Grid.ColumnDefinitions]

代码如下：

 1 <Window x:Class="login.MainWindow"
 2         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 3         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 4         Title="MainWindow" Height="200" Width="400">
 5     <Grid>
 6         <Grid.RowDefinitions>
 7             <RowDefinition></RowDefinition>
 8             <RowDefinition></RowDefinition>
 9             <RowDefinition></RowDefinition>
10         </Grid.RowDefinitions>
11         <Grid.ColumnDefinitions>
12             <ColumnDefinition></ColumnDefinition>
13             <ColumnDefinition></ColumnDefinition>
14         </Grid.ColumnDefinitions>
15         <!--默认在第0行0列-->
16         <!--HorizontalAlignment:水平方向对齐   VerticalAlignment：垂直方向对齐-->
17         <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Text="username:"></TextBlock>
18         <TextBox Grid.Column="1" Name="uid" Margin="5"></TextBox>
19         <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Text="password:" Grid.Row="1"></TextBlock>
20         <PasswordBox Grid.Column="1" Name="pwd"   Margin="5" Grid.Row="1"></PasswordBox>
21         <Button Content="login" Grid.Row="2" Margin="10" Click="Button_Click_1"></Button>
22         <Button Content="cancer" Grid.Row="2" Margin="10" Grid.Column="1"></Button>
23     </Grid>
24 </Window>