WPF: So passen Sie SelectionBoxItem in ComboBox

Question

Ich möchte eine benutzerdefinierte Vorlage/ein Element als ausgewähltes Element in ComboBox anzeigen (dieses Element existiert nicht tatsächlich in der Liste der Elemente und wird anders aktualisiert). Dies muss nicht einmal ein Gegenstand sein, nur wenn eine benutzerdefinierte Ansicht funktionieren würde.

Wie kann ich dies tun, während ich im aktuellen ComboBox-Design bleibe (also kein ControlTemplate-Austausch möglich)? Soweit ich sehe, sind alle SelectionBox * -Eigenschaften nicht editierbar und ComboBox verwendet intern den unbenannten ContentPresenter.

Answer 1

Ich würde es tun, wie folgt:

<Window.Resources> 

    <DataTemplate x:Key="NormalItemTemplate" ...> 
    ... 
    </DataTemplate> 

    <DataTemplate x:Key="SelectionBoxTemplate" ...> 
    ... 
    </DataTemplate> 

    <DataTemplate x:Key="CombinedTemplate"> 
    <ContentPresenter x:Name="Presenter" 
     Content="{Binding}" 
     ContentTemplate="{StaticResource NormalItemTemplate}" /> 
    <DataTemplate.Triggers> 
     <DataTrigger 
     Binding="{Binding RelativeSource={RelativeSource FindAncestor,ComboBoxItem,1}}" 
     Value="{x:Null}"> 
     <Setter TargetName="Presenter" Property="ContentTemplate" 
       Value="{StaticResource SelectionBoxTemplate}" /> 
     </DataTrigger> 
    </DataTemplate.Triggers> 
    </DataTemplate> 

</Window.Resources> 

... 

<ComboBox 
    ItemTemplate="{StaticResource CombinedTemplate}" 
    ItemsSource="..." 
    ... /> 

Der Grund dieser Arbeiten ist, dass CombinedTemplate normalerweise NormalItemTemplate nur verwendet, um seine Daten zu präsentieren, aber wenn es keine ComboBoxItem Vorfahren nimmt es in der Auswahlbox so Es verwendet SelectionBoxTemplate.

Beachten Sie, dass die drei DataTemplates in jeder Ebene der ResourceDictionary berücksichtigt werden kann (und nicht nur auf der Ebene Window) oder sogar direkt im ComboBox, je nach Ihren Wünschen.

Answer 2

Sie müssen in Triggers und Styles suchen. Sie könnten auch in einige meiner älteren Fragen hier auf Stackoverflow sehen möchten, dass mich diese Probleme zu überwinden half:

• Displaying Content only when ListViewItem is Selected
• Using Styles in Windows Presentation Foundation

Answer 3

Wenn ich diese gerade haben, möchten Sie eine Steuerung, hat etwas willkürlich angezeigt zusammen mit einem Dropdown-Button, der eine Liste von Elementen mit Kontrollkästchen neben ihnen anzeigt?

Ich würde nicht einmal versuchen, eine ComboBox zu reformieren, um dies zu erreichen. Das Problem ist, dass ComboBox ist mehr spezialisiert auf einen anderen Weg als was Sie brauchen. Wenn Sie sich die ComboBox ControlTemplate Example ansehen, sehen Sie, dass es einfach ein Popup Steuerelement verwendet, um die Liste der möglichen Werte anzuzeigen.

Sie können Teile dieser Vorlage als Anleitung zum Erstellen einer UserControl nehmen, die einfacher zu verstehen ist und besser bietet, was Sie wollen. Sie können sogar eine SelectedItems Eigenschaft hinzufügen und so, dass ComboBox nicht zur Verfügung stellt.

Ein Beispiel dafür, was ich unter Anleitung verstehe: Die Popup hat eine IsOpen Eigenschaft. In der Steuerelementvorlage ist es auf {TemplateBinding IsDropDownOpen} festgelegt, was bedeutet, dass die ComboBox Klasse eine IsDropDownOpen Eigenschaft aufweist, die geändert wird, um das Erweitern/Zusammenfalten der zu steuern.

Answer 4

Alexey Mitev Kommentar zu Ray Burns answer mich inspiriert die folgende überschaubaren Utility-Klasse zu schreiben, die ich jetzt in meinem WPF-Projekte verwenden:

public class ComboBoxItemTemplateSelector : DataTemplateSelector 
{ 
    public List<DataTemplate> SelectedItemTemplates { get; } = new List<DataTemplate>(); 
    public List<DataTemplate> DropDownItemTemplates { get; } = new List<DataTemplate>(); 

    public override DataTemplate SelectTemplate(object item, DependencyObject container) 
    { 
     return GetVisualParent<ComboBoxItem>(container) == null 
      ? ChooseFrom(SelectedItemTemplates, item) 
      : ChooseFrom(DropDownItemTemplates, item); 
    } 

    private static DataTemplate ChooseFrom(IEnumerable<DataTemplate> templates, object item) 
    { 
     if (item == null) 
      return null; 
     var targetType = item.GetType(); 
     return templates.FirstOrDefault(t => (t.DataType as Type) == targetType); 
    } 

    private static T GetVisualParent<T>(DependencyObject child) where T : Visual 
    { 
     while (child != null && !(child is T)) 
      child = VisualTreeHelper.GetParent(child); 
     return child as T; 
    } 
} 

Damit in der Toolbox ist es möglich, schreiben XAML wie folgt aus:

<UserControl.Resources> 
    <DataTemplate x:Key="SelectedItemTemplateForInt" DataType="{x:Type system:Int32}"> 
     <!-- ... --> 
    </DataTemplate> 

    <DataTemplate x:Key="SelectedItemTemplateForDouble" DataType="{x:Type system:Double}"> 
     <!-- ... --> 
    </DataTemplate> 

    <DataTemplate x:Key="DropDownItemTemplateForInt" DataType="{x:Type system:Int32}"> 
     <!-- ... --> 
    </DataTemplate> 

    <DataTemplate x:Key="DropDownItemTemplateForDouble" DataType="{x:Type system:Double}"> 
     <!-- ... --> 
    </DataTemplate> 
</UserControl.Resources> 

<ComboBox> 
    <ComboBox.ItemTemplateSelector> 
     <local:ComboBoxItemTemplateSelector> 
      <local:ComboBoxItemTemplateSelector.SelectedItemTemplates> 
       <StaticResource ResourceKey="SelectedItemTemplateForInt" /> 
       <StaticResource ResourceKey="SelectedItemTemplateForDouble" /> 
      </local:ComboBoxItemTemplateSelector.SelectedItemTemplates> 

      <local:ComboBoxItemTemplateSelector.DropDownItemTemplates> 
       <StaticResource ResourceKey="DropDownItemTemplateForInt" /> 
       <StaticResource ResourceKey="DropDownItemTemplateForDouble" /> 
      </local:ComboBoxItemTemplateSelector.DropDownItemTemplates> 
     </local:ComboBoxItemTemplateSelector> 
    </ComboBox.ItemTemplateSelector> 
</ComboBox>