Pulsante Cambia Colore di sfondo tramite pattern MVVM in WPF

Question

Sto utilizzando MVVM light con WPF. Voglio impostare il colore di sfondo del pulsante in base ad alcune condizioni specifiche tramite ViewModel. Si prega di suggerire un modo per ottenerlo. Grazie

Answer 1

utilizzando i trigger:

<Button> 
    <Button.Style> 
     <Style TargetType="Button"> 
      <!-- Set the default value here (if any) 
       if you set it directly on the button that will override the trigger --> 
      <Setter Property="Background" Value="LightGreen" /> 
      <Style.Triggers> 
       <DataTrigger Binding="{Binding SomeConditionalProperty}" 
          Value="True"> 
        <Setter Property="Background" Value="Pink" /> 
       </DataTrigger> 
      </Style.Triggers> 
     </Style> 
    </Button.Style> 
</Button> 

[Regarding the note]

---

In MVVM è anche possibile gestire questo spesso nel modello visualizzazione tramite get-proprietà di sola così, ad esempio,

public bool SomeConditionalProperty 
{ 
    get { /*...*/ } 
    set 
    { 
     //... 

     OnPropertyChanged("SomeConditionalProperty"); 
     //Because Background is dependent on this property. 
     OnPropertyChanged("Background"); 
    } 
} 
public Brush Background 
{ 
    get 
    { 
     return SomeConditinalProperty ? Brushes.Pink : Brushes.LightGreen; 
    } 
} 

Poi basta legano a Background.

Answer 2

si potrebbe associare il fondo a una proprietà sul ViewModel il trucco è quello di utilizzare un IValueConverter per restituire un pennello con il colore il vostro bisogno, ecco un esempio che converte un valore booleano dal ViewModel ad un colore

public class BoolToColorConverter : IValueConverter 
{ 
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture) 
    { 
     if (value == null) 
     { 
      return new SolidColorBrush(Colors.Transparent); 
     } 

     return System.Convert.ToBoolean(value) ? 
      new SolidColorBrush(Colors.Red) 
      : new SolidColorBrush(Colors.Transparent); 
    } 

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture) 
    { 
     throw new NotImplementedException(); 
    } 
} 

con un'espressione vincolante come

"{Binding Reviewed, Converter={StaticResource BoolToColorConverter}}"