用wpf写一个登录界面
时间: 2023-10-31 15:06:36 浏览: 101
WPF的登录界面
好的,下面我为您提供一个简单的 WPF 登录界面示例代码:
```xml
<Window x:Class="WpfApp1.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="登录" Height="300" Width="400">
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="50"/>
<RowDefinition Height="50"/>
<RowDefinition Height="50"/>
<RowDefinition Height="50"/>
<RowDefinition Height="50"/>
<RowDefinition Height="50"/>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="100"/>
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
<Label Grid.Row="0" Grid.Column="0" Content="用户名:" VerticalAlignment="Center"/>
<TextBox Grid.Row="0" Grid.Column="1" Name="tbUsername"/>
<Label Grid.Row="1" Grid.Column="0" Content="密码:" VerticalAlignment="Center"/>
<PasswordBox Grid.Row="1" Grid.Column="1" Name="pbPassword"/>
<Button Grid.Row="2" Grid.Column="1" Content="登录" Click="btnLogin_Click" HorizontalAlignment="Right" Width="80" Margin="0,10,10,0"/>
<Button Grid.Row="2" Grid.Column="1" Content="取消" Click="btnCancel_Click" HorizontalAlignment="Right" Width="80" Margin="0,10,100,0"/>
</Grid>
</Window>
```
代码解释:
- 第 1-3 行是窗口的命名空间和类名定义。
- 第 4-10 行定义了一个 Grid 布局,并设置了 6 行和 2 列。
- 第 11-12 行定义了两个 Label 控件,用于显示 “用户名” 和 “密码”。
- 第 13-14 行定义了一个 TextBox 控件和一个 PasswordBox 控件,用于输入用户名和密码。
- 第 15-18 行定义了两个 Button 控件,用于登录和取消操作,并绑定了 Click 事件。
- 第 19-20 行将 Grid.Row 和 Grid.Column 属性设置为控件所在的行和列。
接下来是 C# 代码:
```csharp
private void btnLogin_Click(object sender, RoutedEventArgs e)
{
string username = tbUsername.Text;
string password = pbPassword.Password;
// 检查用户名和密码是否正确
if (username == "admin" && password == "123456")
{
MessageBox.Show("登录成功!");
// TODO:跳转到主窗口
}
else
{
MessageBox.Show("用户名或密码错误!");
}
}
private void btnCancel_Click(object sender, RoutedEventArgs e)
{
this.Close();
}
```
代码解释:
- btnLogin_Click 方法用于处理登录按钮的点击事件,先获取输入框中的用户名和密码,然后检查是否正确,如果正确就提示登录成功,否则提示用户名或密码错误。
- btnCancel_Click 方法用于处理取消按钮的点击事件,直接关闭当前窗口。
这就是一个简单的 WPF 登录界面,您可以在此基础上进行修改和扩展。
阅读全文