C#：如何更改 MVVM 中的按钮图标？

Question

我尝试将Button 图标更改为Click_Event，所以目前我有这样的xaml：

<Button Content="{materialDesign:PackIcon LanDisconnect}" Command="{Binding Connect}" />

在 ViewModel 中：

public ICommand Connect
{
    get
    {
        _Connect = new RelayCommand(
            param => ConnectChip());
        return _Connect;
    }
}

我应该如何将命令Connect中的按钮图标更改为{MaterialDesign:PackIcon LanConnect}？谢谢！

Answer 1

虽然一些 cmets 提出了更高级的解决方案（例如使用 DataTriggers）。我建议（至少从一开始）您只需要为按钮内容添加绑定。然后您可以向视图模型添加一个属性并通过命令对其进行更新。

在您的情况下，您使用的是 Material Design 内容。

因此，在您的视图模型中，您可能希望包含一个图标属性：

using MaterialDesignThemes.Wpf;

public PackIconKind IconKind
{
    get { return _IconKind; }
    set { SetField(ref _IconKind, value); }
}
private PackIconKind _IconKind = PackIconKind.LanDisconnect;

See this reference for the SetField method

然后将您的按钮 XAML 更改为：

<Button Command="{Binding MyCommand}" Width="100" Height="32">
    <materialDesign:PackIcon Kind="{Binding IconKind}" />
</Button>

这将为按钮中的图标设置绑定。现在视图模型可以随时更改Kind。我更喜欢在构造函数中设置命令。我首先有一个命令属性如下：

public ICommand MyCommand { get; }

在构造函数中：

MyCommand = new RelayCommand(UpdateIcon);

然后将 UpdateIcon 方法添加到视图模型中。然后可以从其他地方调用此方法（不仅仅是按钮命令）。

protected void UpdateIcon()
{
    IconKind = MaterialDesignThemes.Wpf.PackIconKind.LanConnect;
}

Answer 2

您可以将Button 的Content 属性绑定到您在ConnectChip() 方法中设置为新值的PackIcon 属性。

XAML：

<Button Content="{Binding Icon}" Command="{Binding Connect}" />

查看模型：

public class ViewModel : INotifyPropertyChanged
{
    private ICommand _Connect;
    public ICommand Connect
    {
        get
        {
            _Connect = new RelayCommand(
                param => ConnectChip());
            return _Connect;
        }
    }

    private PackIcon _icon = new PackIcon { Kind = PackIconKind.LanDisconnect };
    public PackIcon Icon
    {
        get { return _icon; }
        set { _icon = value; NotifyPropertyChanged(); }
    }

    private void ConnectChip()
    {
        //change icon:
        Icon = new PackIcon { Kind = PackIconKind.Airballoon };
    }

    public event PropertyChangedEventHandler PropertyChanged;
    private void NotifyPropertyChanged([CallerMemberName] String propertyName = "")
    {
        if (PropertyChanged != null)
            PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
    }
}