过滤wpf时ItemsSource突出显示?

时间:2013-03-22 17:40:17

标签: c# wpf filter textbox collectionview

我的ItemsSource绑定了我的数据。我有一个TextBox,当用户开始输入时,我会根据Filter predicate更改的事件中的textBoxText过滤项目:

ICollectionView listView = CollectionViewSource.GetDefaultView(myControl.ItemsSource);

listView.Filter = ((x) => 
{           
    MyData data = x as MyData;
    return data.Name.Contains(searchString, System.StringComparison.InvariantCultureIgnoreCase);
});

这很好用并过滤列表。但是,我还希望项目在键入时以黄色突出显示输入的搜索条件。我怎么能在wpf中做到这一点? 有点像:

如果我搜索“est”并且该项目为Forest森林项目以黄色或est中的任何其他颜色突出显示ListBox?感谢您的任何建议。

1 个答案:

答案 0 :(得分:1)

我通过创建一个自定义控件 - HighlightableTextBlock来实现这一点,该控件继承自TextBlock并添加了以下依赖项属性:

    public string HighlightSource
    {
        get { return (string)GetValue(HighlightSourceProperty); }
        set { SetValue(HighlightSourceProperty, value); }
    }

    public static readonly DependencyProperty HighlightSourceProperty =
        DependencyProperty.Register("HighlightSource", typeof(string), typeof(HighlightableTextBlock), new PropertyMetadata("", OnChange));

OnChange事件处理程序中执行实际突出显示:

    static void OnChange(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        var textBlock = d as HighlightableTextBlock;
        var text = textBlock.Text;
        var source = textBlock.HighlightSource;

        if (!string.IsNullOrWhiteSpace(source) && !string.IsNullOrWhiteSpace(text))
        {
            var index = text.IndexOf(source);
            if (index >= 0)
            {
                var start = text.Substring(0, index);
                var match = text.Substring(index, source.Length);
                var end = text.Substring(index + source.Length);

                textBlock.Inlines.Clear();
                textBlock.Inlines.Add(new Run(start));
                textBlock.Inlines.Add(new Run(match) { Foreground = Brushes.Red });
                textBlock.Inlines.Add(new Run(end));
            }
        }
    }

事情的标记方面看起来像这样:

<controls:HighlightableTextBlock Text="{Binding SomeText}"
                                 HighlightSource="{Binding ElementName=SearchTextBox, Path=Text}">
</controls:HighlightableTextBlock>

似乎对我有用。 我在这个例子中硬编码了匹配子字符串的颜色,但如果你想从标记中传递它,你可以添加一个单独的属性。

希望这会有所帮助......