路由事件和命令

Question

我正在开发一个带有 RGB 选择器的 MVVM 应用程序。我每个通道有 3 个滑块，我想使用路由事件来捕捉每个滑块上的 ValueChanged 事件

<StackPanel Grid.Row="0" Grid.Column="1" Slider.ValueChanged="DoSmth">
    <Slider Value="{Binding R}" Minimum="0" Maximum="255" />
    <Slider Value="{Binding G}" Minimum="0" Maximum="255" />
    <Slider Value="{Binding B}" Minimum="0" Maximum="255" />
</StackPanel>

现在，这是一个 MVVM 应用程序，我想为此使用命令。但是，我无法找到一种无需将命令单独分配给每个滑块即可发送命令的方法。我读了一些关于“路由命令”的文章，但这也没有给我一个解决方案。

我怎样才能做到这一点？

Answer 1

如果您坚持使用ICommand，那么您应该使用附加属性包装Slider.ValueChanged 事件。您可以在我对What's the best way to pass event to ViewModel? 问题的回答中了解如何做到这一点。

但是，您真的不需要使用任何ICommand...当然，每次视图模型中的数据绑定属性之一发生更改时，您都可以创建一个新的Color？此示例使用户无需使用任何ICommands 即可更改颜色：

<StackPanel Grid.Row="0" Grid.Column="1">
    <Slider Value="{Binding R}" Minimum="0" Maximum="255" />
    <Slider Value="{Binding G}" Minimum="0" Maximum="255" />
    <Slider Value="{Binding B}" Minimum="0" Maximum="255" />
    <Rectangle HorizontalAlignment="Stretch" Height="100">
        <Rectangle.Fill>
            <SolidColorBrush Color="{Binding Color}" />
        </Rectangle.Fill>
    </Rectangle>
</StackPanel>

在视图模型中：

private byte r = 127, g = 127, b = 127;
public byte R
{
    get { return r; }
    set { r = value; Color = Color.FromArgb((byte)255, R, G, B); NotifyPropertyChanged("R"); }
}
public byte G
{
    get { return g; }
    set { g = value; Color = Color.FromArgb((byte)255, R, G, B); NotifyPropertyChanged("G"); }
}
public byte B
{
    get { return b; }
    set { b = value; Color = Color.FromArgb((byte)255, R, G, B); NotifyPropertyChanged("B"); }
}
private Color color = Colors.Black;
public Color Color
{
    get { return color; }
    set { color = value; NotifyPropertyChanged("Color"); }
}