如何在 WPF 项目控件中显示带有突出显示的查询词的搜索结果

Question

我想在 WPF ItemsControl 中显示搜索结果，并突出显示查询词。

我使用的搜索引擎 Lucene.Net 带有荧光笔插件，返回带有查询词的字符串像这样标记：

...these <Bold>results</Bold> were found to be statistically significant...

我可以指示荧光笔插件使用任何一组标记来包装查询术语。我不限于上面示例中的 标记。对于 WPF，我可能会让这些 元素附加一个样式。

挑战在于获取给定的字符串并将其呈现为我用于搜索结果的数据模板中的“实际 XAML”。换句话说，我想看到这样的东西：

...这些结果被发现具有统计显着性...

但我正在努力解决如何将数据绑定与数据模板中 XAML 字符串的动态呈现结合起来。这里最好的方法是什么？

1. 使用 UserControl 显示每个搜索结果并从代码隐藏中调用 XamlReader.Load()？
2. 构造一个包含搜索结果字符串的 FlowDocument 并使用 FlowDocumentScrollViewer 显示结果？
3. 完全是别的东西……？

Answer 1

我采用了 dthrasers 答案，并消除了对 XML 解析器的需求。他很好地解释了 他的博客，但是这不需要我添加任何额外的库，这就是我的做法。

第一步，创建一个转换器类：

class StringToXamlConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        string input = value as string;
        if (input != null)
        {
            var textBlock = new TextBlock();
            textBlock.TextWrapping = TextWrapping.Wrap;
            string escapedXml = SecurityElement.Escape(input);
            
            while (escapedXml.IndexOf("|~S~|") != -1) {
                //up to |~S~| is normal
                textBlock.Inlines.Add(new Run(escapedXml.Substring(0, escapedXml.IndexOf("|~S~|"))));
                //between |~S~| and |~E~| is highlighted
                textBlock.Inlines.Add(new Run(escapedXml.Substring(escapedXml.IndexOf("|~S~|") + 5,
                                          escapedXml.IndexOf("|~E~|") - (escapedXml.IndexOf("|~S~|") + 5))) 
                                          { FontWeight = FontWeights.Bold, Background= Brushes.Yellow });
                //the rest of the string (after the |~E~|)
                escapedXml = escapedXml.Substring(escapedXml.IndexOf("|~E~|") + 5);
            }

            if (escapedXml.Length > 0)
            {
                textBlock.Inlines.Add(new Run(escapedXml));                      
            }
            return textBlock;
        }

        return null;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException("This converter cannot be used in two-way binding.");
    }
}

第二步：
使用 ContentBlock 代替 TextBlock。将字符串（您将用于 textBlock）传递到内容块，如下所示：

<ContentControl
               Margin="7,0,0,0"
               HorizontalAlignment="Left"
               VerticalAlignment="Center"
               Content="{Binding Description, Converter={StaticResource CONVERTERS_StringToXaml}, Mode=OneTime}">
</ContentControl>

第三步：
确保您传入的测试已使用 |~S~| 和 |~E~| 进行标记。让突出显示开始吧！

笔记：

您可以更改运行中的样式来确定文本的突出显示内容和方式

确保将 Converter 类添加到命名空间和资源中。这可能还需要重建才能工作。

Answer 2

我找到了一种使用自定义 IValueConverter 将突出显示应用于搜索结果的方法。该转换器获取文本片段，将其格式化为有效的 XAML 标记，并使用 XamlReader 将标记实例化为框架对象。

完整的解释相当长，所以我将其发布到我的博客： 突出显示 WPF TextBlock 中的查询术语

Answer 3

TextBlock 可以在其 Inlines 集合中包含多个 Run。您可以在代码或 XAML 中构建它：

<TextBlock>
    <Run>... these </Run>
    <Run FontWeight="Bold">results</Run>
    <Run> were found...</Run>
</TextBlock>