はどのようにスライダ値がWPFに基づいてボタンの背景色を更新する

Question

WPF: 

<Grid> 
    <Button Panel.ZIndex="-5" Background="{Binding CardColour}"></Button> 
    <Slider x:Name="HomeCardSlider" Height="30" Width="25" Maximum="2" SmallChange="1" Orientation="Vertical" Value="{Binding CardState}" HorizontalAlignment="Right" VerticalAlignment="Center" BorderBrush="#FFF94F0F"> 
    </Slider> 
</Grid> 

クラス：

public class LiveComm 
{ 
    public int CardState { get; set; } 
    public string CardColour { get; set; } 
} 

私はスライダーの値に基づいて、ボタンの色を更新しようとしています。値が0の場合、ボタンの色はグレー、1は黄色、2は赤です。

Answer 1

状態数が少ない（0,1,2）ので、トリガーでビューモデルなしで行うことができます。ボタンスタイルのトリガースライダーの値を変更し、それに応じて背景を変更します。

<Button Panel.ZIndex="-5"> 
    <Button.Style> 
     <Style TargetType="Button"> 
      <Setter Property="Background" Value="Gray"/> 
      <Style.Triggers> 
       <DataTrigger Binding="{Binding Path=Value, ElementName=HomeCardSlider}" 
          Value="1"> 
        <Setter Property="Background" Value="Yellow"/> 
       </DataTrigger> 

       <DataTrigger Binding="{Binding Path=Value, ElementName=HomeCardSlider}" 
          Value="2"> 
        <Setter Property="Background" Value="Red"/> 
       </DataTrigger> 
      </Style.Triggers> 
     </Style> 
    </Button.Style> 
</Button> 
<Slider x:Name="HomeCardSlider" 
     IsSnapToTickEnabled="True" 
     Height="30" Width="25" 
     Maximum="2" SmallChange="1" 
     Orientation="Vertical" 
     HorizontalAlignment="Right" VerticalAlignment="Center" BorderBrush="#FFF94F0F"> 
</Slider> 

私はスライダーのためIsSnapToTickEnabled="True"を設定し、ノート、それは非整数値を取得することができそう