一个简单的WPF MVVM实例

转自:http://www.tuicool.com/articles/quUfYz 
### WPF MVVM 模式 示例代码 #### 创建一个简单的登录窗口应用 此示例展示了如何使用MVVM模式创建一个基本的WPF应用程序,该程序允许用户输入用户名和密码并尝试登录。 ##### 1. Model (模型) 定义了一个`User`类表示用户的实体: ```csharp public class User : INotifyPropertyChanged { private string _username; private string _password; public event PropertyChangedEventHandler PropertyChanged; protected void OnPropertyChanged(string name) { PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(name)); } public string Username { get => _username; set { if (_username != value) { _username = value; OnPropertyChanged(nameof(Username)); } } } public string Password { get => _password; set { if (_password != value) { _password = value; OnPropertyChanged(nameof(Password)); } } } } ``` ##### 2. ViewModel (视图模型) 实现了`LoginViewModel`作为视图模型,包含了验证逻辑和服务调用方法: ```csharp using System.Windows.Input; public class LoginViewModel : INotifyPropertyChanged { private readonly IUserService _userService; private User _user; public ICommand LoginCommand { get; } public event PropertyChangedEventHandler PropertyChanged; public LoginViewModel(IUserService userService) { _userService = userService; _user = new User(); LoginCommand = new RelayCommand(Login); } private async void Login() { var result = await _userService.ValidateCredentialsAsync(_user.Username, _user.Password); // 假设这里处理成功与否的结果... } public User User { get => _user; set { if (_user != value) { _user = value; OnPropertyChanged(nameof(User)); } } } protected void OnPropertyChanged(string name) { PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(name)); } } ``` 注意这里的依赖注入[^4]。为了简化例子中的服务实现,在实际项目中应该替换为真实的服务接口。 ##### 3. View (视图) XAML文件描述了UI布局,并绑定了到相应的属性上: ```xml <Window x:Class="MyApp.LoginView" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" Title="Login" Height="200" Width="300"> <Grid> <StackPanel HorizontalAlignment="Center" VerticalAlignment="Center"> <TextBox Name="txtUsername" Text="{Binding Path=User.Username}" Margin="5"/> <PasswordBox Name="pwdPassword" PasswordChanged="OnPasswordChanged" Margin="5"/> <Button Content="Login" Command="{Binding Path=LoginCommand}" Margin="5"/> </StackPanel> </Grid> </Window> ``` 对于`PasswordBox`控件,由于其特殊性质无法直接绑定到`Password`属性,因此需要额外编写事件处理器来更新绑定的数据上下文[^2]。 ##### 密码框更改事件处理函数 在Code-Behind中添加如下代码片段以支持`PasswordBox`与ViewModel之间的双向通信: ```csharp private void OnPasswordChanged(object sender, RoutedEventArgs e) { ((PasswordBox)sender).GetBindingExpression(PasswordProperty)?.UpdateSource(); if (((PasswordBox)sender).SecurePassword.Length > 0 && DataContext is LoginViewModel vm) { vm.User.Password = ((PasswordBox)sender).SecurePassword.ToInsecureString(); } } // 扩展方法转换安全字符串至普通字符串 internal static class SecureStringExtensions { internal static string ToInsecureString(this SecureString securePassword) { IntPtr unmanagedString = IntPtr.Zero; try { unmanagedString = Marshal.SecureStringToGlobalAllocUnicode(securePassword); return Marshal.PtrToStringUni(unmanagedString); } finally { Marshal.ZeroFreeGlobalAllocUnicode(unmanagedString); } } } ``` 上述代码提供了一种方式让`PasswordBox`能够参与到数据绑定机制之中,从而保持整个系统的解耦合特性。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值