c# - values - WPF Combobox Background para diferentes elementos seleccionados

combobox with values wpf

Question

Tengo Combobox con solo 3 elementos: Planing, Progress y Done,

<ComboBox SelectedIndex="0>
    <ComboBoxItem Content="Planing"/>
    <ComboBoxItem Content="Progress"/>
    <ComboBoxItem Content="Done"/>
</ComboBox>

¿Cómo puedo cambiar el color de fondo de ComboBox (que es por gradiente de Desafiante)? ​​Depende de qué elemento está seleccionado.

Por ejemplo: púrpura para Planing, azul para Progress y Green para Done.

Nota: Me refiero a ComboBox Background, no ComboBox Items List.

Gracias

Answer 1

1) Uso del evento selectionChanged

Puede configurarlo en el evento comboBox_SelectionChanged

private void comboBox_SelectionChanged(object sender, SelectionChangedEventArgs e)
{
    if (comboBox.SelectedItem.ToString() == "Planning")
    {
        comboBox.Background = Brushes.Purple;
    }
    else if (comboBox.SelectedItem.ToString() == "Progress")
    {
        comboBox.Background = Brushes.Blue;
    }
    else if (comboBox.SelectedItem.ToString() == "Done")
    {
        comboBox.Background = Brushes.Green;
    }
}

Se comboBox_SelectionChanged evento comboBox_SelectionChanged cada vez que se cambie el valor seleccionado en el cuadro combinado. En su interior, simplemente puede verificar el valor del elemento seleccionado y aplicar el color que desee.

Esta sería la xaml del Combobox

<ComboBox x:Name="comboBox" SelectionChanged="comboBox_SelectionChanged"/>

2) Usando DataTriggers en XAML

También se puede hacer a través de xaml configurando DataTrigger múltiple en el Style.Triggers como este

<ComboBox x:Name="mycombobox">
    <ComboBox.Style>
        <Style TargetType="{x:Type ComboBox}">
            <Style.Triggers>
                <DataTrigger Binding="{Binding Path=SelectedItem.Content, ElementName=mycombobox}" Value="Planning">
                    <Setter Property="Background" Value="Purple" />
                </DataTrigger>
                <DataTrigger Binding="{Binding Path=SelectedItem.Content, ElementName=mycombobox}" Value="Progress">
                    <Setter Property="Background" Value="Blue" />
                </DataTrigger>
                <DataTrigger Binding="{Binding Path=SelectedItem.Content, ElementName=mycombobox}" Value="Done">
                    <Setter Property="Background" Value="Green" />
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </ComboBox.Style>
    <ComboBoxItem Content="Planning"/>
    <ComboBoxItem Content="Progress"/>
    <ComboBoxItem Content="Done"/>
</ComboBox>

Más información sobre DataTriggers:

Representa un activador que aplica valores de propiedad o realiza acciones cuando los datos vinculados cumplen una condición especificada.