WPF组合框多列

我只是想知道是否有一个wpf组合框控件可以包含多个列

如果没有，我需要使用什么XAML来实现这一点

我只是在寻找一个基本的两列组合框，如果可能的话

---

谢谢

请参考这些链接，了解通过编辑combox和comboboxitem默认模板/样式实现的多列Combobox

(一)

(二)

Xaml代码：请查看ComboboxItem样式中已注释的触发器ishighlight

 <Grid>
    <ComboBox Height="30" Margin="5" ItemsSource="{Binding}" HorizontalContentAlignment="Stretch">
        <ComboBox.ItemTemplate>
            <DataTemplate>
                <TextBlock Margin="2" Text="{Binding Name}"/>
            </DataTemplate>
        </ComboBox.ItemTemplate>
        <ComboBox.ItemContainerStyle>
            <Style TargetType="{x:Type ComboBoxItem}">                
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate>
                            <Grid x:Name="gd" TextElement.Foreground="Black">
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition/>
                                    <ColumnDefinition/>
                                    <ColumnDefinition/>
                                </Grid.ColumnDefinitions>
                                <TextBlock Margin="5" Grid.Column="0" Text="{Binding Name}"/>
                                <TextBlock Margin="5" Grid.Column="1" Text="{Binding State}"/>
                                <TextBlock Margin="5" Grid.Column="2" Text="{Binding Population}"/>
                            </Grid>
                            <ControlTemplate.Triggers>
                                <Trigger Property="ComboBoxItem.IsSelected" Value="True">
                                    <Setter TargetName="gd"  Property="Background" Value="Gray"></Setter>
                                    <Setter TargetName="gd"  Property="TextElement.Foreground" Value="White"></Setter>
                                </Trigger>
                                <Trigger Property="ComboBoxItem.IsMouseOver" Value="True">
                                    <Setter TargetName="gd"  Property="Background" Value="Blue"></Setter>
                                    <Setter TargetName="gd"  Property="TextElement.Foreground" Value="White"></Setter>
                                </Trigger>

                                <!--IsHighlighted and IsMouseOver is showing same effect but IsHighlighted is used for showing logical focus( for understanding check using tab key)-->

                                <!--<Trigger Property="ComboBoxItem.IsHighlighted" Value="True">
                                    <Setter TargetName="gd"  Property="Background" Value="Yellow"></Setter>
                                    <Setter TargetName="gd"  Property="TextElement.Foreground" Value="Black"></Setter>
                                </Trigger>-->
                            </ControlTemplate.Triggers>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>
        </ComboBox.ItemContainerStyle>
    </ComboBox>
</Grid>

c#代码

public partial class MainWindow : Window

{

    private ObservableCollection<City> cities = new ObservableCollection<City>();

    public MainWindow()
    {
        InitializeComponent();
        cities.Add(new City() { Name = "Mumbai", State = "Maharashtra", Population = 3000000 });
        cities.Add(new City() { Name = "Pune", State = "Maharashtra", Population = 7000000 });
        cities.Add(new City() { Name = "Nashik", State = "Maharashtra", Population = 65000 });
        cities.Add(new City() { Name = "Aurangabad", State = "Maharashtra", Population = 5000000 });
        DataContext = cities;
    }
}

class City
{
    public string State { get; set; }
    public string Name { get; set; }
    public int Population { get; set; }
}

公共部分类主窗口：窗口
{
私人可观测收集城市=新可观测收集（）；
公共主窗口（）
{
初始化组件（）；
添加（新城（）{Name=“孟买”，State=“马哈拉施特拉邦”，人口=3000000}）；
添加（新城（）{Name=“Pune”，State=“马哈拉施特拉邦”，人口=7000000}）；
添加（新城市（）{Name=“Nashik”，State=“Maharashtra”，人口=65000}）；
添加（新城市（）{Name=“Aurangabad”，State=“Maharashtra”，人口=5000000}）；
数据上下文=城市；
}
}
阶级城市
{
公共字符串状态{get；set；}
公共字符串名称{get；set；}
公共整数填充{get；set；}
}

输出

---

因为我发现，Heena，您的Xaml没有提供要突出显示的选定下拉项，所以我修改了您的代码，如下所示：

Xaml

<ComboBox Name="cbCities" Height="30" Margin="5" HorizontalContentAlignment="Left" HorizontalAlignment="Stretch" ItemsSource="{Binding}" >
    <ComboBox.ItemTemplate>
        <DataTemplate>
            <StackPanel Orientation="Horizontal">
                <TextBlock Margin="2" Text="{Binding Name}"/>
                <TextBlock Margin="2" Text="{Binding State}"/>
            </StackPanel>
        </DataTemplate>
    </ComboBox.ItemTemplate>
    <ComboBox.ItemContainerStyle>
        <Style TargetType="{x:Type ComboBoxItem}">
            <Setter Property="SnapsToDevicePixels" Value="True"/>
            <Setter Property="OverridesDefaultStyle" Value="True"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type ComboBoxItem}">
                        <Border Name="templateBorder" Padding="2" SnapsToDevicePixels="true">
                            <ContentPresenter>
                                <ContentPresenter.Content>
                                    <Grid>
                                        <Grid.ColumnDefinitions>
                                            <ColumnDefinition/>
                                            <ColumnDefinition/>
                                            <ColumnDefinition/>
                                        </Grid.ColumnDefinitions>
                                        <TextBlock Margin="5" Grid.Column="0" Text="{Binding Name}"/>
                                        <TextBlock Margin="5" Grid.Column="1" Text="{Binding State}"/>
                                        <TextBlock Margin="5" Grid.Column="2" Text="{Binding Population}"/>
                                    </Grid>
                                </ContentPresenter.Content>
                            </ContentPresenter>
                        </Border>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsHighlighted" Value="True">
                                <Setter Property="Foreground" Value="{x:Static SystemColors.HighlightTextBrush}"/>
                                <Setter TargetName="templateBorder" Property="Background" Value="{x:Static SystemColors.HighlightBrush}"/>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </ComboBox.ItemContainerStyle>
</ComboBox>  

输出

private void Window_Loaded(object sender, RoutedEventArgs e)
{
    cities.Add(new City() { Name = "Boston", State = "MA", Population = 3000000 });
    cities.Add(new City() { Name = "Los Angeles", State = "CA", Population = 7000000 });
    cities.Add(new City() { Name = "Frederick", State = "MD", Population = 65000 });
    cities.Add(new City() { Name = "Houston", State = "TX", Population = 5000000 });
    cbCities.DataContext = cities;
}

class City
{
    public string State { get; set; }
    public string Name { get; set; }
    public int Population { get; set; }
}  

我知道我迟到了，但这是简化的方法，在

DataTemplate

标记之后，您可以根据您希望布局的外观放置任何内容

---

在wpf中，任何控件都可以通过模板修改…FWIW，这个答案看起来令人吃惊。

  <ComboBox.ItemTemplate>
                        <DataTemplate >
                            <StackPanel Orientation="Horizontal">
                                <TextBlock Foreground="{StaticResource ForegroundMainBrush}"
                                           Margin="5 0"
                                           FontFamily="{StaticResource LatoBold}"
                                           VerticalAlignment="Center">
                                    <Run  Text="Code :" />
                                    <Run Text="{Binding ActivityCode,Mode=OneWay}" />
                                </TextBlock>
                                <TextBlock Foreground="{StaticResource ForegroundDarkBrush}"
                                           Margin="5 0"
                                           Text="|"
                                           FontFamily="{StaticResource LatoBold}"
                                           VerticalAlignment="Center" />
                                <TextBlock Foreground="{StaticResource ForegroundMainBrush}"
                                           Margin="5 0"
                                           FontFamily="{StaticResource LatoBold}"
                                           VerticalAlignment="Center">
                                    <Run  Text="Rate :" />
                                    <Run Text="{Binding Rate,Mode=OneWay}" />
                                </TextBlock>
                            </StackPanel>
                        </DataTemplate>
                    </ComboBox.ItemTemplate>

 public string ActivityCode { get; set; }
 public string Rate { get; set; }
 public string CodeRate => string.Format("Code: {0} | Rate: 
 {1}",ActivityCode,Rate);