WPF: ComboBoxItem фон

Question

У меня есть ComboBox, основанный на данных XML файла:

<Root> 
<Node Background="Yellow" Foreground="Cyan" Image="1.ico" Property="aaaa" Value="28" /> 
<Node Background="SlateBlue" Foreground="Black" Image="2.ico" Property="bbbb" Value="2.5" /> 
<Node Background="Teal" Foreground="Green" Image="3.ico" Property="cccc" Value="4.0" /> 
<Node Background="Yellow" Foreground="Red" Image="4.ico" Property="dddd" Value="0" /></Root> 

Таким образом, в данном случае, мне нужно создать соединение ComboBoxItem, когда каждый элемент имеет подходящий фон.

Я пытался сделать что-то вроде этого:

<UserControl.Resources> 
    <DataTemplate DataType="Node"> 
     <Grid> 
      <Grid.ColumnDefinitions> 
       <ColumnDefinition Width="Auto" MinWidth="20"/> 
       <ColumnDefinition Width="*"/> 
       <ColumnDefinition Width="Auto" MinWidth="20"/> 
      </Grid.ColumnDefinitions> 
      <Border Background="{Binding XPath=@Background}" Grid.Column="0"> 
       <Image Source="{Binding XPath=@Image}" 
         Width="16" 
         Height="16" 
         Margin="3" /> 
      </Border> 
      <Border Background="{Binding XPath=@Background}" Grid.Column="1"> 
       <TextBlock Foreground="{Binding XPath=@Foreground}" 
          Margin="3" 
          Text="{Binding XPath=@Property}" /> 
      </Border> 
      <Border Background="{Binding XPath=@Background}" Grid.Column="2"> 
       <TextBlock Foreground="{Binding XPath=@Foreground}" 
          Margin="3" 
          FontWeight="Bold" 
          Text="{Binding XPath=@Value}" /> 
      </Border> 
     </Grid> 
    </DataTemplate> 

    <XmlDataProvider x:Key="xmlNodeList" 
        Source="/data/Combo.xml" 
        XPath="/Root/Node"/> 
</UserControl.Resources> 

<ComboBox Name="myComboBox" 
      ItemsSource="{Binding Source={StaticResource xmlNodeList}}" 
      SelectedIndex="0" /> 

, но это не выглядит хорошо :-(

Какое решение вы рекомендуете

Заранее спасибо

Answer 1

Одна вещь?! заключается в том, что вы забыли указать, какой шаблон использовать:

<DataTemplate x:Key="Node"> 
     <Grid> 
     <Grid.ColumnDefinitions> 
      <ColumnDefinition Width="Auto" MinWidth="20"/> 
      <ColumnDefinition Width="*"/> 
      <ColumnDefinition Width="Auto" MinWidth="20"/> 
     </Grid.ColumnDefinitions> 
     <Border Background="{Binding XPath=@Background}" Grid.Column="0"> 
      <Image Source="{Binding XPath=@Image}" 
        Width="16" 
        Height="16" 
        Margin="3" /> 
     </Border> 
     <Border Background="{Binding XPath=@Background}" Grid.Column="1"> 
      <TextBlock Foreground="{Binding XPath=@Foreground}" 
         Margin="3" 
         Text="{Binding XPath=@Property}" /> 
     </Border> 
     <Border Background="{Binding XPath=@Background}" Grid.Column="2"> 
      <TextBlock Foreground="{Binding XPath=@Foreground}" 
         Margin="3" 
         FontWeight="Bold" 
         Text="{Binding XPath=@Value}" /> 
     </Border> 
    </Grid> 
</DataTemplate> 

И тогда ваш ComboBox:

<ComboBox Name="myComboBox" 
      ItemsSource="{Binding Source={StaticResource xmlNodeList}}" 
      ItemTemplate="{StaticResource Node}" 
      SelectedIndex="0" /> 

Система «DATATYPE» работает с типизированным объектом, я не уверен, что вы можете заставить его работать с данными в формате XML. Это сработает.

Обновление: Прежде чем спросить, вы должны также определить стиль для элементов, так что они бухтой ширину списка, в противном случае ваши столбцы будут неравномерно:

<ComboBox Name="myComboBox" 
         ItemsSource="{Binding Source={StaticResource xmlNodeList}}" 
         ItemTemplate="{StaticResource Node}" 
         SelectedIndex="0"> 
       <ComboBox.ItemContainerStyle> 
        <Style TargetType="{x:Type ComboBoxItem}"> 
         <Setter Property="HorizontalContentAlignment" 
           Value="Stretch" /> 
        </Style> 
       </ComboBox.ItemContainerStyle> 
      </ComboBox> 

Это будет растягивать отдельные элементы для охвата всей ширины списка.