如何在带有复选框的组合框中继续显示选定的文本?

How to keep displaying selected Text in Combobox with Checkbox?

我正在制作颜色 select 或带复选框的组合框。

组合框的可见文本是"Colors",项目是带有复选框的颜色名称。

场景:打开组合框 -> select comboboxItems 中的任何内容 -> 选中(选定)项目。

因此,当用户单击组合框项目时,我想更改复选框值并保持组合框打开。

我无法使用检查(selecting)项目功能。

如何操作?

型号:

public class ColorItem : DependencyObject
{
    public static readonly DependencyProperty NameProperty =
        DependencyProperty.Register
        ("Name", typeof(string), typeof(ColorItem),
        new PropertyMetadata(string.Empty));

    public static readonly DependencyProperty IsSelectedProperty =
        DependencyProperty.Register
        ("IsSelected", typeof(bool), typeof(ColorItem),
        new PropertyMetadata(true));

    public string Name
    {
        get { return (string)GetValue(NameProperty); }
        set { SetValue(NameProperty, value); }
    }
    public bool IsSelected
    {
        get { return (bool)GetValue(IsSelectedProperty); }
        set { SetValue(IsSelectedProperty, value); }
    }
}

XAML:

<ComboBox Name="ColorCombobox" IsEditable="True" IsReadOnly="True" Focusable="False" StaysOpenOnEdit="True"
            ItemsSource="{Binding ColorItems}" SelectionChanged="OnComboboxSelectionChanged" Text="Colors" Margin="0,0,30,0" >
    <ComboBox.ItemTemplate>
        <DataTemplate>
            <StackPanel Orientation="Horizontal">
                <CheckBox IsChecked="{Binding IsSelected}" Width="20" />
                <TextBlock Text="{Binding ColorName}" Width="100" />
            </StackPanel>
        </DataTemplate>
    </ComboBox.ItemTemplate>
</ComboBox>

代码隐藏中的 SelectionChanged 事件处理程序:

private void OnComboboxSelectionChanged(object sender, System.Windows.Controls.SelectionChangedEventArgs e)
{
    ComboBox box = sender as ComboBox;

    box.Text = "Colors"; //Not works. Text  will empty be "" 
}

摆脱 StackPanelTextBlock 并定义一个 ItemContainerStyle 来扩展 ComboBoxItem 的内容:

<ComboBox Name="ColorCombobox" IsEditable="True" IsReadOnly="True" Focusable="False" StaysOpenOnEdit="True"
          ItemsSource="{Binding ColorItems}" SelectionChanged="OnComboboxSelectionChanged" Text="Colors" Margin="0,0,30,0" >
    <ComboBox.ItemContainerStyle>
        <Style TargetType="ComboBoxItem">
            <Setter Property="HorizontalContentAlignment" Value="Stretch" />
        </Style>
    </ComboBox.ItemContainerStyle>
    <ComboBox.ItemTemplate>
        <DataTemplate>
            <CheckBox IsChecked="{Binding IsSelected}" Content="{Binding Name}"/>
        </DataTemplate>
    </ComboBox.ItemTemplate>
</ComboBox>