我正在开发一个应用程序,它在ListBox
.
我想使用 a 创建一个搜索,TextBox
以便当用户在过滤器中键入TextBox
结果ListBox
时。
我正在开发一个应用程序,它在ListBox
.
我想使用 a 创建一个搜索,TextBox
以便当用户在过滤器中键入TextBox
结果ListBox
时。
我曾经为 WPF 应用程序编写过类似的功能。对于 a 的项目,应突出显示搜索到的文本DataGrid
。您只需要一个MultiValueConverter
,它将您的项目文本和搜索文本转换为一个新的TextBlock
,其中包含Run
带有突出显示部分的元素。
转换器
转换器会将文本和搜索文本转换为一个TextBlock
实例,该实例包含Run
具有已定义样式的匹配元素。
public class TextToHighlightedTextConverter : IMultiValueConverter
{
public Style HighlightedTextStyle { get; set; }
public object Convert(object[] values, Type targetType, object parameter, CultureInfo culture)
{
if (values.Length > 0)
{
if (values.Length > 1)
{
var text = values[0] as string;
var searchText = values[1] as string;
if (!string.IsNullOrEmpty(text) && !string.IsNullOrEmpty(searchText))
{
var textParts = GetSplittedText(text, searchText);
var textBlock = new TextBlock();
foreach (string textPart in textParts)
{
textBlock.Inlines.Add(textPart.Equals(searchText, StringComparison.OrdinalIgnoreCase)
? new Run(textPart) {Style = HighlightedTextStyle ?? new Style()}
: new Run(textPart));
}
return textBlock;
}
}
return values[0];
}
return null;
}
public object[] ConvertBack(object value, Type[] targetTypes, object parameter, CultureInfo culture)
{
throw new NotImplementedException();
}
private IEnumerable<string> GetSplittedText(string text, string searchText)
{
IList<string> textParts = new List<string>();
if (string.IsNullOrEmpty(searchText))
{
if (text.Length > 0)
{
textParts.Add(text);
}
}
else
{
while (text.Length > 0)
{
int searchIndex = text.IndexOf(searchText, StringComparison.OrdinalIgnoreCase);
if (searchIndex > -1)
{
if (searchIndex > 0)
{
string textInFrontOfMatch = text.Substring(0, searchIndex);
textParts.Add(textInFrontOfMatch);
}
textParts.Add(text.Substring(searchIndex, searchText.Length));
text = text.Remove(0, searchIndex + searchText.Length);
}
else
{
textParts.Add(text);
text = string.Empty;
}
}
}
return textParts;
}
}
xaml 文件中的转换器定义
在 xaml 文件中,您定义转换器并设置应用于匹配的样式。
<Converters:TextToHighlightedTextConverter x:Key="TextToHighlightedTextConverter">
<Converters:TextToHighlightedTextConverter.HighlightedTextStyle>
<Style TargetType="{x:Type Run}">
<Setter Property="Background" Value="Orange" />
</Style>
</Converters:TextToHighlightedTextConverter.HighlightedTextStyle>
</Converters:TextToHighlightedTextConverter>
ListBox 的转换器使用情况
您DataTemplate
为您的ListBox
. 这DataTemplate
使用一个ContentPresenter
其内容将由定义的转换器设置。
<ListBox ItemsSource={Binding YourItemsSource}>
<ListBox.ItemsTemplate>
<DataTemplate>
<ContentPresenter>
<ContentPresenter.Content>
<MultiBinding Converter="{StaticResource TextToHighlightedTextConverter}">
<MultiBinding.Bindings>
<Binding />
<Binding Path="YourSearchTextSource" />
</MultiBinding.Bindings>
</MultiBinding>
</ContentPresenter.Content>
</ContentPresenter>
</DataTemplate>
</ListBox.ItemsTemplate>
</ListBox>
使用 CollectionViewSource 它对过滤和搜索非常有用:
参考: http ://www.geoffhudik.com/tech/2010/10/14/wp7-in-app-searching-filtering.html