vue3 通过 axios + jsonp 实现根据公网 ip，查询天气信息-CFANZ编程社区

在WPF（Windows Presentation Foundation）应用程序中，ViewModel扮演着连接View（用户界面）和Model（数据模型）的重要角色。ViewModel的设计和实现是实现MVVM（Model-View-ViewModel）设计模式的关键部分。以下是一个详细的WPF入门教学，介绍ViewModel的设计与实现。

1. ViewModel的作用

ViewModel的主要作用包括：

数据绑定：提供属性供View绑定，以便显示数据和接收用户输入。
命令处理：实现ICommand接口，处理用户在View上的操作。
业务逻辑：包含与业务相关的逻辑，保持View的简洁。
状态管理：管理应用程序的状态，如启用/禁用某些控件。

2. 创建ViewModel基类

通常，我们会创建一个基类，所有具体的ViewModel都继承自这个基类。这个基类可以实现一些通用的功能，如INotifyPropertyChanged接口。

public abstract class BaseViewModel : INotifyPropertyChanged
{
    public event PropertyChangedEventHandler PropertyChanged;

    protected void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }

    protected bool SetProperty<T>(ref T storage, T value, [CallerMemberName] string propertyName = null)
    {
        if (EqualityComparer<T>.Default.Equals(storage, value))
            return false;

        storage = value;
        OnPropertyChanged(propertyName);
        return true;
    }
}

3. 实现具体的ViewModel

假设我们有一个简单的应用程序，显示一个计数器并提供增加和减少按钮。

public class CounterViewModel : BaseViewModel
{
    private int _count;
    public int Count
    {
        get => _count;
        set => SetProperty(ref _count, value);
    }

    public ICommand IncrementCommand { get; }
    public ICommand DecrementCommand { get; }

    public CounterViewModel()
    {
        IncrementCommand = new RelayCommand(Increment);
        DecrementCommand = new RelayCommand(Decrement);
    }

    private void Increment()
    {
        Count++;
    }

    private void Decrement()
    {
        Count--;
    }
}

4. 在XAML中绑定ViewModel

在XAML中，你需要将ViewModel设置为窗体或控件的DataContext。

<Window x:Class="YourNamespace.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Counter Example" Height="200" Width="300">
    <Window.DataContext>
        <local:CounterViewModel />
    </Window.DataContext>
    <Grid>
        <StackPanel VerticalAlignment="Center" HorizontalAlignment="Center">
            <TextBlock Text="{Binding Count, StringFormat='Count: {0}'}" FontSize="24" Margin="10"/>
            <Button Content="Increment" Command="{Binding IncrementCommand}" Margin="5"/>
            <Button Content="Decrement" Command="{Binding DecrementCommand}" Margin="5"/>
        </StackPanel>
    </Grid>
</Window>

5. 使用RelayCommand

在上例中，我们使用了RelayCommand来处理按钮点击事件。RelayCommand是一个实现了ICommand接口的类，通常用于ViewModel中。

public class RelayCommand : ICommand
{
    private readonly Action<object> _execute;
    private readonly Func<object, bool> _canExecute;

    public RelayCommand(Action<object> execute, Func<object, bool> canExecute = null)
    {
        _execute = execute ?? throw new ArgumentNullException(nameof(execute));
        _canExecute = canExecute;
    }

    public bool CanExecute(object parameter)
    {
        return _canExecute == null || _canExecute(parameter);
    }

    public void Execute(object parameter)
    {
        _execute(parameter);
    }

    public event EventHandler CanExecuteChanged
    {
        add { CommandManager.RequerySuggested += value; }
        remove { CommandManager.RequerySuggested -= value; }
    }
}

6. 处理复杂逻辑

如果你的ViewModel需要处理更复杂的逻辑，可以将其分解为多个小的服务或帮助类，并在ViewModel中使用这些服务。

public class CounterService
{
    public int Increment(int currentCount)
    {
        return currentCount + 1;
    }

    public int Decrement(int currentCount)
    {
        return currentCount - 1;
    }
}

public class CounterViewModel : BaseViewModel
{
    private readonly CounterService _counterService = new CounterService();
    private int _count;
    public int Count
    {
        get => _count;
        set => SetProperty(ref _count, value);
    }

    // ... 其他代码 ...
}