So zeigen Sie Suchergebnisse in einem WPF-Elementsteuerelement mit hervorgehobenen Abfragebegriffen an

Question

Ich möchte die Suchergebnisse in einem WPF ItemsControl mit hervorgehobenen Abfragebegriffen anzeigen.

Die Suchmaschine ich benutze, Lucene.Net mit der Highlighter-Plugin, gibt Strings mit den Suchbegriffen wie so markiert:

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

ich den Highlighter Plugin anweisen kann jeden Satz von Markup-Tags zu verwenden, um ein wickeln Suchbegriff abfragen. Ich bin nicht auf den Tag <Bold> im obigen Beispiel beschränkt. Für WPF würde ich wahrscheinlich diese <Run/> Elemente mit einem Stil versehen.

Die Herausforderung besteht darin, die angegebene Zeichenfolge zu nehmen und sie so darzustellen, als wäre sie "tatsächliches XAML" in der Datentabelle, die ich für die Suchergebnisse verwende. Mit anderen Worten, ich möchte so etwas sehen:

... diese Ergebnisse wurden statistisch signifikant sein ...

Aber ich bin zu kämpfen mit, wie zu kombinieren Datenbindung mit dynamischem Rendering eines XAML-Strings innerhalb der Datamaplatte. Was ist der beste Ansatz hier?

1. Verwenden Sie ein UserControl, um jedes Suchergebnis anzuzeigen, und rufen Sie XamlReader.Load() aus dem Codebehind?
2. Erstellen Sie ein FlowDocument mit den Suchergebniszeichenfolgen und zeigen Sie die Ergebnisse mit einem FlowDocumentScrollViewer an?
3. Etwas anderes ganz ...?

Answer 1

kann ein TextBlock mehr Run s in seiner Inlines Sammlung enthalten. Sie können es im Code oder in XAML bauen:

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

Answer 2

ich einen Weg markiert zutraf eine benutzerdefinierte IValueConverter zu den Suchergebnissen verwenden. Der Konverter nimmt ein Text-Snippet, formatiert es in gültiges XAML-Markup und verwendet einen XamlReader, um das Markup in Framework-Objekte zu instanziieren.

Die vollständige Erklärung ist ziemlich lang, also habe ich es in meinem Blog geschrieben: Highlighting Query Terms in a WPF TextBlock

Answer 3

Ich nahm dthrasers answer und nahm die Notwendigkeit für einen XML-Parser aus. Er macht einen tollen Job und erklärt jedes der Stücke in his blog, aber das erforderte nicht, dass ich irgendwelche zusätzlichen Bibliotheken hinzufüge, hier ist, wie ich es gemacht habe.

Schritt eins, einen Konverter Klasse machen:

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."); 
     } 

    } 

Schritt zwei: Statt einem Textblock einen ContentBlock verwenden.

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

Schritt drei: Sicherstellen, dass der Test, den Sie in übergeben wird in Token aufgeteilt mit |~S~| und |~E~| Pass in der Zeichenfolge an den Inhaltsblock, wie so (Sie würden für ihren textblock verwendet). Und lass die Hervorhebung beginnen!

Hinweise:
Sie können den Stil im Laufe ändern, um zu bestimmen, was und wie Sie Ihren Text hervorgehoben
Stellen Sie sicher zu Ihrem Namensraum und Ressourcen, um Ihre Converter-Klasse hinzufügen. Dies kann auch eine Wiederherstellung erfordern, um zu funktionieren.