Могу ли я использовать другой шаблон для выбранного элемента в WPF ComboBox, чем для элементов в раскрывающейся части?

Проблема с использованием решения DataTrigger / Binding, упомянутого выше, имеет два аспекта. Во-первых, вы фактически получаете обязательное предупреждение о том, что вы не можете найти относительный источник для выбранного элемента. Однако более серьезная проблема заключается в том, что вы загромождали свои шаблоны данных и сделали их специфичными для ComboBox.

Предлагаемое мной решение лучше соответствует дизайну WPF, поскольку в нем используется DataTemplateSelector, на котором вы можете указать отдельные шаблоны, используя его свойства SelectedItemTemplate и DropDownItemsTemplate, а также варианты «селектора» для обоих.

Примечание. Обновлено для C # 9 с включенной возможностью нулевого значения и использованием сопоставления с образцом во время поиска

public class ComboBoxTemplateSelector : DataTemplateSelector {

    public DataTemplate?         SelectedItemTemplate          { get; set; }
    public DataTemplateSelector? SelectedItemTemplateSelector  { get; set; }
    public DataTemplate?         DropdownItemsTemplate         { get; set; }
    public DataTemplateSelector? DropdownItemsTemplateSelector { get; set; }

    public override DataTemplate SelectTemplate(object item, DependencyObject container) {

        var itemToCheck = container;

        // Search up the visual tree, stopping at either a ComboBox or
        // a ComboBoxItem (or null). This will determine which template to use
        while(itemToCheck is not null
        and not ComboBox
        and not ComboBoxItem)
            itemToCheck = VisualTreeHelper.GetParent(itemToCheck);

        // If you stopped at a ComboBoxItem, you're in the dropdown
        var inDropDown = itemToCheck is ComboBoxItem;

        return inDropDown
            ? DropdownItemsTemplate ?? DropdownItemsTemplateSelector?.SelectTemplate(item, container)
            : SelectedItemTemplate  ?? SelectedItemTemplateSelector?.SelectTemplate(item, container); 
    }
}

Чтобы упростить использование в XAML, я также включил расширение разметки, которое просто создает и возвращает указанный выше класс в своей функции ProvideValue.

public class ComboBoxTemplateSelectorExtension : MarkupExtension {

    public DataTemplate?         SelectedItemTemplate          { get; set; }
    public DataTemplateSelector? SelectedItemTemplateSelector  { get; set; }
    public DataTemplate?         DropdownItemsTemplate         { get; set; }
    public DataTemplateSelector? DropdownItemsTemplateSelector { get; set; }

    public override object ProvideValue(IServiceProvider serviceProvider)
        => new ComboBoxTemplateSelector(){
            SelectedItemTemplate          = SelectedItemTemplate,
            SelectedItemTemplateSelector  = SelectedItemTemplateSelector,
            DropdownItemsTemplate         = DropdownItemsTemplate,
            DropdownItemsTemplateSelector = DropdownItemsTemplateSelector
        };
}

И вот как вы это используете. Красиво, чисто и понятно, а ваши шаблоны остаются "чистыми"

Примечание. «Is:» - это мое сопоставление xmlns, в которое я помещаю класс в коде. Обязательно импортируйте собственное пространство имен и при необходимости измените is :.

<ComboBox x:Name="MyComboBox"
    ItemsSource="{Binding Items}"
    ItemTemplateSelector="{is:ComboBoxTemplateSelector
        SelectedItemTemplate={StaticResource MySelectedItemTemplate},
        DropdownItemsTemplate={StaticResource MyDropDownItemTemplate}}" />

Вы также можете использовать DataTemplateSelectors, если хотите ...

<ComboBox x:Name="MyComboBox"
    ItemsSource="{Binding Items}"
    ItemTemplateSelector="{is:ComboBoxTemplateSelector
        SelectedItemTemplateSelector={StaticResource MySelectedItemTemplateSelector},
        DropdownItemsTemplateSelector={StaticResource MyDropDownItemTemplateSelector}}" />

Или смешайте и сопоставьте! Здесь я использую шаблон для выбранного элемента, но селектор шаблонов для элементов DropDown.

<ComboBox x:Name="MyComboBox"
    ItemsSource="{Binding Items}"
    ItemTemplateSelector="{is:ComboBoxTemplateSelector
        SelectedItemTemplate={StaticResource MySelectedItemTemplate},
        DropdownItemsTemplateSelector={StaticResource MyDropDownItemTemplateSelector}}" />

Кроме того, если вы не укажете Template или TemplateSelector для выбранных или раскрывающихся элементов, он просто вернется к обычному разрешению шаблонов данных на основе типов данных, опять же, как и следовало ожидать. Так, например, в приведенном ниже случае для выбранного элемента явно установлен шаблон, но раскрывающийся список унаследует тот шаблон данных, который применяется для DataType объекта в контексте данных.

<ComboBox x:Name="MyComboBox"
    ItemsSource="{Binding Items}"
    ItemTemplateSelector="{is:ComboBoxTemplateSelector
        SelectedItemTemplate={StaticResource MyTemplate} />

Наслаждаться!

Простое решение:

<DataTemplate>
    <StackPanel>
        <TextBlock Text="{Binding Name}"/>
        <TextBlock Text="{Binding Address}">
            <TextBlock.Style>
                <Style TargetType="TextBlock">
                    <Style.Triggers>
                        <DataTrigger Binding="{Binding RelativeSource={RelativeSource AncestorType=ComboBoxItem}}" Value="{x:Null}">
                            <Setter Property="Visibility" Value="Collapsed"/>
                        </DataTrigger>
                    </Style.Triggers>
                </Style>
            </TextBlock.Style>
        </TextBlock>
    </StackPanel>
</DataTemplate>

(Обратите внимание, что элемент, который выбран и отображается в поле, а не список, находится не внутри ComboBoxItem, следовательно, триггер на Null)

Если вы хотите отключить весь шаблон, вы также можете сделать это, используя триггер, например, примените другой ContentTemplate к ContentControl. Это также позволяет вам сохранить выбор шаблона на основе DataType по умолчанию, если вы просто измените шаблон для этого выборочного случая, например:

<ComboBox.ItemTemplate>
    <DataTemplate>
        <ContentControl Content="{Binding}">
            <ContentControl.Style>
                <Style TargetType="ContentControl">
                    <Style.Triggers>
                        <DataTrigger Binding="{Binding RelativeSource={RelativeSource AncestorType=ComboBoxItem}}"
                                        Value="{x:Null}">
                            <Setter Property="ContentTemplate">
                                <Setter.Value>
                                    <DataTemplate>
                                        <!-- ... -->
                                    </DataTemplate>
                                </Setter.Value>
                            </Setter>
                        </DataTrigger>
                    </Style.Triggers>
                </Style>
            </ContentControl.Style>
        </ContentControl>
    </DataTemplate>
</ComboBox.ItemTemplate>

Обратите внимание, что этот метод вызовет ошибки привязки, поскольку для выбранного элемента не найден относительный источник. Альтернативный подход см. В ответе MarqueIV.

Я собирался предложить использовать комбинацию ItemTemplate для элементов со списком с параметром Text в качестве выбора заголовка, но я вижу, что ComboBox не учитывает параметр Text.

Я имел дело с чем-то похожим, переопределив ComboBox ControlTemplate. Вот веб-сайт MSDN с образцом для .NET 4.0.

В своем решении я изменяю ContentPresenter в шаблоне ComboBox, чтобы он привязался к Text, а его ContentTemplate был привязан к простому DataTemplate, который содержит TextBlock следующим образом:

<DataTemplate x:Uid="DataTemplate_1" x:Key="ComboSelectionBoxTemplate">
    <TextBlock x:Uid="TextBlock_1" Text="{Binding}" />
</DataTemplate>

с этим в ControlTemplate:

<ContentPresenter Name="ContentSite" IsHitTestVisible="False" Content="{TemplateBinding Text}" ContentTemplate="{StaticResource ComboSelectionBoxTemplate}" Margin="3,3,23,3" VerticalAlignment="Center" HorizontalAlignment="Left"/>

С помощью этой привязки я могу управлять отображением выбора Combo напрямую через параметр Text в элементе управления (который я привязываю к соответствующему значению в моей ViewModel).

Я использовал следующий подход

 <UserControl.Resources>
    <DataTemplate x:Key="SelectedItemTemplate" DataType="{x:Type statusBar:OffsetItem}">
        <TextBlock Text="{Binding Path=ShortName}" />
    </DataTemplate>
</UserControl.Resources>
<StackPanel Orientation="Horizontal">
    <ComboBox DisplayMemberPath="FullName"
              ItemsSource="{Binding Path=Offsets}"
              behaviors:SelectedItemTemplateBehavior.SelectedItemDataTemplate="{StaticResource SelectedItemTemplate}"
              SelectedItem="{Binding Path=Selected}" />
    <TextBlock Text="User Time" />
    <TextBlock Text="" />
</StackPanel>

И поведение

public static class SelectedItemTemplateBehavior
{
    public static readonly DependencyProperty SelectedItemDataTemplateProperty =
        DependencyProperty.RegisterAttached("SelectedItemDataTemplate", typeof(DataTemplate), typeof(SelectedItemTemplateBehavior), new PropertyMetadata(default(DataTemplate), PropertyChangedCallback));

    public static void SetSelectedItemDataTemplate(this UIElement element, DataTemplate value)
    {
        element.SetValue(SelectedItemDataTemplateProperty, value);
    }

    public static DataTemplate GetSelectedItemDataTemplate(this ComboBox element)
    {
        return (DataTemplate)element.GetValue(SelectedItemDataTemplateProperty);
    }

    private static void PropertyChangedCallback(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        var uiElement = d as ComboBox;
        if (e.Property == SelectedItemDataTemplateProperty && uiElement != null)
        {
            uiElement.Loaded -= UiElementLoaded;
            UpdateSelectionTemplate(uiElement);
            uiElement.Loaded += UiElementLoaded;

        }
    }

    static void UiElementLoaded(object sender, RoutedEventArgs e)
    {
        UpdateSelectionTemplate((ComboBox)sender);
    }

    private static void UpdateSelectionTemplate(ComboBox uiElement)
    {
        var contentPresenter = GetChildOfType<ContentPresenter>(uiElement);
        if (contentPresenter == null)
            return;
        var template = uiElement.GetSelectedItemDataTemplate();
        contentPresenter.ContentTemplate = template;
    }


    public static T GetChildOfType<T>(DependencyObject depObj)
        where T : DependencyObject
    {
        if (depObj == null) return null;

        for (int i = 0; i < VisualTreeHelper.GetChildrenCount(depObj); i++)
        {
            var child = VisualTreeHelper.GetChild(depObj, i);

            var result = (child as T) ?? GetChildOfType<T>(child);
            if (result != null) return result;
        }
        return null;
    }
}

работал как шарм. Здесь не очень нравится событие Loaded, но вы можете исправить его, если хотите

В дополнение к тому, что сказал H.B. answer, ошибки привязки можно избежать с помощью конвертера. Следующий пример основан на решении, отредактированном самим OP.

Идея очень проста: привязать к чему-то, что существует всегда (Control), и выполнить соответствующую проверку внутри конвертера. Соответствующая часть модифицированного XAML следующая. Обратите внимание, что Path=IsSelected никогда не был действительно нужен, и ComboBoxItem заменяется на Control, чтобы избежать ошибок привязки.

<DataTrigger Binding="{Binding 
    RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type Control}},
    Converter={StaticResource ComboBoxItemIsSelectedConverter}}"
    Value="{x:Null}">
  <Setter TargetName="theControl" Property="Template" Value="{StaticResource SimpleTemplate}" />
</DataTrigger>

Код C # Converter следующий:

public class ComboBoxItemIsSelectedConverter : IValueConverter
{
    private static object _notNull = new object();
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        // value is ComboBox when the item is the one in the closed combo
        if (value is ComboBox) return null; 

        // all the other items inside the dropdown will go here
        return _notNull;
    }

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

да. Вы используете Выбор шаблона < / a>, чтобы определить, какой шаблон привязать во время выполнения. Таким образом, если IsSelected = False, тогда используйте этот шаблон, если IsSelected = True, используйте этот другой шаблон.