如何在WPF中为ComboBox的每个项使用多种字体？能否实现图示样式？

当然可以实现！WPF的灵活性完全支持给ComboBox的每个列表项自定义样式，包括在单个项里使用多种不同字体。下面我用C# + XAML的组合方案给你一步步演示：

1. 定义数据模型 #

首先我们需要一个数据类，用来存储每个ComboBox项里的多段文本，以及对应的字体、字号等样式信息：

public class ComboBoxItemData
{
    // 第一段文本（比如主标题）
    public string PrimaryText { get; set; }
    // 第二段文本（比如副标题/补充说明）
    public string SecondaryText { get; set; }
    // 第一段文本的字体
    public FontFamily PrimaryFont { get; set; }
    // 第二段文本的字体
    public FontFamily SecondaryFont { get; set; }
    // 第一段文本的字号
    public double PrimaryFontSize { get; set; }
    // 第二段文本的字号
    public double SecondaryFontSize { get; set; }
}

2. 准备并绑定数据源 #

在窗口的后台代码里，我们创建一些测试数据，然后绑定到ComboBox的ItemsSource上：

public MainWindow()
{
    InitializeComponent();
    
    // 构造测试数据
    var comboItems = new List<ComboBoxItemData>
    {
        new ComboBoxItemData
        {
            PrimaryText = "WPF自定义项",
            SecondaryText = "（主字体：微软雅黑）",
            PrimaryFont = new FontFamily("Microsoft YaHei"),
            SecondaryFont = new FontFamily("Arial"),
            PrimaryFontSize = 14,
            SecondaryFontSize = 11
        },
        new ComboBoxItemData
        {
            PrimaryText = "多字体演示",
            SecondaryText = "（次字体：Times New Roman）",
            PrimaryFont = new FontFamily("Segoe UI"),
            SecondaryFont = new FontFamily("Times New Roman"),
            PrimaryFontSize = 13,
            SecondaryFontSize = 10
        }
    };
    
    // 绑定数据源到ComboBox
    CustomFontComboBox.ItemsSource = comboItems;
}

3. 自定义ComboBox的ItemTemplate #

这是实现多字体样式的核心部分，我们在XAML里给ComboBox指定ItemTemplate，用多个TextBlock分别显示不同字体的内容：

<ComboBox x:Name="CustomFontComboBox" Width="280" Height="32" Margin="20">
    <ComboBox.ItemTemplate>
        <DataTemplate>
            <!-- 用StackPanel横向排列两个TextBlock，也可以用Grid实现更复杂布局 -->
            <StackPanel Orientation="Horizontal" Margin="6,3">
                <!-- 第一个TextBlock：使用主字体 -->
                <TextBlock Text="{Binding PrimaryText}"
                           FontFamily="{Binding PrimaryFont}"
                           FontSize="{Binding PrimaryFontSize}"
                           FontWeight="SemiBold"
                           Margin="0,0,10,0"/>
                <!-- 第二个TextBlock：使用次字体 -->
                <TextBlock Text="{Binding SecondaryText}"
                           FontFamily="{Binding SecondaryFont}"
                           FontSize="{Binding SecondaryFontSize}"
                           Foreground="#666666"/>
            </StackPanel>
        </DataTemplate>
    </ComboBox.ItemTemplate>
</ComboBox>

扩展说明 #

• 如果你的项需要更多段不同字体的文本，只需要在数据模型里添加对应的属性，然后在DataTemplate里新增TextBlock即可
• 要是需要根据数据类型显示不同的模板，可以使用DataTemplateSelector来实现动态模板切换
• 除了字体，你还可以给每个TextBlock设置颜色、粗细、斜体等其他样式，完全自定义项的外观

内容的提问来源于stack exchange，提问作者Abhi verma