05-登录界面输入框的设计

输入框是显示在中间的。
我们使用Grid控件来进行布局
中间区域是全屏的 所以我们要把<DockPanel LastChildFill=”True”>设为true
QQ账号输入框使用TextBox控件 然后密码使用PasswordBox
文本框的内容垂直居中

VerticalContentAlignment="Center"Code language: JavaScript (javascript)

Grid代码

<Grid>
    <!--定义了两列-->
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="Auto"/>
        <ColumnDefinition Width="1*"/>
    </Grid.ColumnDefinitions>
    <!--定义了两行-->
    <Grid.RowDefinitions>
        <RowDefinition Height="1*"/>
        <RowDefinition Height="1*"/>
    </Grid.RowDefinitions>

    <TextBlock Grid.Row="0" Grid.Column="0" TextAlignment="Right" Foreground="White" Padding="0,2,0,0"  Text="QQ号：" Name="UserName" Height="22"/>
    <TextBlock Grid.Row="1" Grid.Column="0" TextAlignment="Right" Foreground="White" Padding="0,2,0,0"  Text="密码：" Name="pass" Height="22"/>
    <TextBox VerticalContentAlignment="Center" Name="TxtBoxName" Background="White" Grid.Row="0" Grid.Column="1" Text="" Height="22" />
    <PasswordBox VerticalContentAlignment="Center" Name="pass1" Background="White" Grid.Row="1" Grid.Column="1" Height="22"/>
</Grid>Code language: HTML, XML (xml)