首页 > 代码库 > 实战基础技能(07)--------WPF的登录界面的排版

实战基础技能(07)--------WPF的登录界面的排版

一:截图

二:XAML代码

<Window x:Class="wpf练习.登录窗体"        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"        Title="登录窗体" Height="200" Width="300">    <Grid>        <Grid>            <Grid.ColumnDefinitions>                <ColumnDefinition></ColumnDefinition>                <ColumnDefinition></ColumnDefinition>            </Grid.ColumnDefinitions>            <Grid.RowDefinitions>                <RowDefinition></RowDefinition>                <RowDefinition></RowDefinition>                <RowDefinition></RowDefinition>            </Grid.RowDefinitions>            <TextBlock Text="用户名:" Grid.Column="0" Grid.Row="0" VerticalAlignment="Center" HorizontalAlignment="Center"></TextBlock>            <TextBox Name="txtName" Text="红马車" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" Grid.Row="0" Grid.Column="0" Margin="10" Grid.ColumnSpan="2" Width="175" HorizontalAlignment="Right"></TextBox>            <TextBlock Text="密码:" Grid.Row="1" Grid.Column="0" VerticalAlignment="Center" HorizontalAlignment="Center" ></TextBlock>            <PasswordBox Name="pwdInfo" Grid.Row="1" Grid.Column="0" Margin="10" Grid.ColumnSpan="2" Width="175" HorizontalAlignment="Right"></PasswordBox>            <Button Name="btnLogin" Content="登录" Grid.Column="0" Grid.Row="2" Margin="10" Width="75"></Button>            <Button Name="btnCancel" Content="取消" Grid.Column="2" Grid.Row="2" Margin="10" Width="75"></Button>        </Grid>    </Grid></Window>