4

Столкнулся с необходимостью выделения фрагмента текста в TextBlock, а именно определённых ключевых слов по которым были отфильтрованы элементы ListBox , этот текстовый блок собственно и содержащие

XAML, мой ваиант

<ListBox Name="ProcedureList" ItemsSource="{Binding Path=ProceduresView.View}">
                        <ListBox.ItemTemplate>
                            <DataTemplate>
                                 <StackPanel Name="ProcedurePanel" PreviewMouseDown="ProcedurePanel_OnPreviewMouseDown">
                                    <DockPanel Width="{c:Binding ElementName=MainPanel, Path=Width-40}">
                                        <!--<TextBlock Name="MainText"  TextWrapping="Wrap" FontSize="16" Text="{Binding Path=title}" HorizontalAlignment="Left" />-->
                                        <htb:HighlightTextBlock Name="MainText"  TextWrapping="Wrap" FontSize="16" Text="{Binding Path=title}" HorizontalAlignment="Left">
                                            <htb:HighlightTextBlock.HighlightRules>
                                                <htb:HighlightRule
                                                    IgnoreCase="{Binding IgnoreCase, Source={StaticResource SourceVm}}" 
                                                    HightlightedText="{Binding Path=title, Converter={StaticResource getFilter}}">
                                                    <htb:HighlightRule.Highlights>
                                                        <htb:HighlightBackgroung Brush="Yellow"/>
                                                    </htb:HighlightRule.Highlights>
                                                </htb:HighlightRule>
                                            </htb:HighlightTextBlock.HighlightRules>
                                        </htb:HighlightTextBlock>
                                    </DockPanel>
                        </DataTemplate>

                        </ListBox.ItemTemplate>
                    </ListBox>

Вариант XAML, рекомендованный VladD, не создаёт коллекцию HighlightRulesCollection (хотя казалось бы даже отрабатывает конвертер)

Используется компонент написанный нашим соотечественником с открытым исходным Компонент

Описание компонента

Закомментированный код это старый TexBlock без выделения

Новый компонент HighlightTextBlock прекрасно выделяет текст если использовать статический ресурс, как в примере, но когда я пытаюсь его привязать к текущему тексту он не может найти это поле :( , я новенький в WPF помогите разобраться с

HightlightedText="{Binding Path=title, Converter={StaticResource getFilter}}"

Изначально вопрос звучал как верно привязать это свойство к title ? Мне дали совет по реструктуризации XAML, через ресурсы , но это не работает т.к. не создаётся HighlightRulesCollection и выделение не работает.

В ходе обсуждения было высказано предположение что следует несколько модифицировать сам компонент и поместить коллекцию HighlighRule (также) в визуальное дерево. Тогда будет автоматически наследоваться DataContext и по идее будет работать привязка через ElementName.

Подскажите как это можно реализовать? или может кто то внесёт правки в исходный код компонента ?

Альтернативный вариант , подскажите, как реализовать такого рода функционал другими методами ?

структура DataContext

public ObservableCollection<Procedure> Procedures { set; get; }
public CollectionViewSource ProceduresView { set; get; } = new CollectionViewSource();

    ....

    Procedures = new ObservableCollection<Procedure>();

    ProceduresView.Filter += Procedures_Filter;
    ProceduresView.Source = Procedures;

    ....

public class Procedure : ObservableObject 
{
    ....
    public String title { get; set; }
    ....
}
....

// Просто фильтрация

void Procedures_Filter(object sender, FilterEventArgs e)
{
    Procedure procedure = (Procedure) e.Item;
    Boolean flag = false;
    if (!string.IsNullOrEmpty(filter))
    {
        Setting.Filter sfilter = new Setting.Filter();
        sfilter.type = "искать везде";
        sfilter.text = filter;
        ObservableCollection<Setting.Filter> arr = new ObservableCollection<Setting.Filter>();
        arr.Add(sfilter);
        if (Utils.AssignedProcedureFromFilter(procedure, arr)) flag = true;
    }
    else flag = true;
    e.Accepted = flag;
}

Видео с описанием проблемы

Упрощённый проект эмитирующий мой функционал

1

2 ответа 2

3

Если вы пользуетесь MVVM, то ваш title должен быть открытым свойством в вашей VM. То есть, в DataContext'е.

Если вы привязываетесь не к DataContext'у, то вы должны указать Source (если вы привязываетесь к какому-то другому объекту) или ElementName (если к свойству другого контрола).


Обновление: Ваш случай, на самом деле, более серьёзный. DataContext у вас, судя по всему, правильный. Но ваше Binding-выражение находится внутри сеттера свойства HighlightRules, которое не является частью логического дерева (т. к. не доступно как Child-элемент вашего контрола). А элементы, которые не находятся внутри логического дерева, принимают участие в привязках лишь ограничено: в них нет ни наследования DataContext'а, ни доступа по имени через ElementName. В качестве решения должна сработать привязка к элементу через x:Reference. В моём (сильно порезанном) тестовом примере срабатывает HightlightedText="{Binding Path=DataContext.title, Source={x:Reference MainText}}".

Но, если прямо заменить на это, срабатывает странная ошибка:

'Не удается вызвать MarkupExtension.ProvideValue из-за циклической зависимости. Свойства внутри MarkupExtension не могут ссылаться на объекты, ссылающиеся на результат MarkupExtension.

Метод обхода ошибки нашёлся здесь: нужно положить ваш элемент в ресурсы. Получаем вот такое:

<htb:HighlightTextBlock Name="MainText" TextWrapping="Wrap" FontSize="16" 
                        Text="{Binding Path=title}" HorizontalAlignment="Left">
    <htb:HighlightTextBlock.Resources>
        <htb:HighlightRule x:Key="HR"
            IgnoreCase="{Binding IgnoreCase, Source={StaticResource SourceVm}}" 
            HightlightedText="{Binding Path=DataContext.title, Source={x:Reference MainText},
                                       Converter={StaticResource getFilter}}">
            <htb:HighlightRule.Highlights>
                <htb:HighlightBackgroung Brush="Yellow"/>
            </htb:HighlightRule.Highlights>
        </htb:HighlightRule>
    </htb:HighlightTextBlock.Resources>
    <htb:HighlightTextBlock.HighlightRules>
        <local:HighlightRulesCollection>
            <StaticResource ResourceKey="HR"/>
        </local:HighlightRulesCollection>
    </htb:HighlightTextBlock.HighlightRules>
</htb:HighlightTextBlock>

Обновление. По идее, можно решить проблему более простым образом: поместить все VisualRule в логическое дерево. Это делается так: в классе HighlightTextBlock добавляем метод

protected override IEnumerator LogicalChildren
{
    get
    {
        var baseChildrenIter = base.LogicalChildren;
        while (baseChildrenIter.MoveNext())
            yield return baseChildrenIter.Current;
        var rules = HighlightRules;
        if (rules != null)
        {
            foreach (var rule in rules)
                yield return rule;
        }
    }
}

Далее, в методе HighlightRulesChanged класса HighlightTextBlock дописываем:

foreach (var rule in col)
{
    rule.HighlightTextChanged += tb.Rule_HighlightTextChanged;
    // добавляем это:
    tb.AddLogicalChild(rule);
}

А также в соседнем HighlightRules_CollectionChanged добавляем

case System.Collections.Specialized.NotifyCollectionChangedAction.Add:
    foreach (HighlightRule rule in e.NewItems)
    {
        // добавляем это:
        AddLogicalChild(rule);
        _ruleTasks.Add(rule, new TaskQueue(1));
        SubscribeRuleNotifies(rule);
        BeginHighlight(rule);
    }
    break;
case System.Collections.Specialized.NotifyCollectionChangedAction.Remove:
    foreach (HighlightRule rule in e.OldItems)
    {
        // добавляем это:
        RemoveLogicalChild(rule);
        //rule.HightlightedText = string.Empty;
        _ruleTasks.Remove(rule);
        UnsubscribeRuleNotifies(rule);
    }
    break;
case System.Collections.Specialized.NotifyCollectionChangedAction.Reset:
    foreach (HighlightRule rule in e.OldItems)
    {
        // добавляем это:
        RemoveLogicalChild(rule);
        //rule.HightlightedText = string.Empty;
        _ruleTasks.Remove(rule);
        UnsubscribeRuleNotifies(rule);
    }
    break;

После этого можно будет привязываться так:

<htb:HighlightTextBlock x:Name="MainText" TextWrapping="Wrap" FontSize="16"
                        Text="{Binding Path=title}" HorizontalAlignment="Left">
    <htb:HighlightTextBlock.HighlightRules>
        <htb:HighlightRulesCollection>
            <htb:HighlightRule HightlightedText="{Binding Path=title,
                                   Converter={StaticResource getFilter}}"/>
        </htb:HighlightRulesCollection>
    </htb:HighlightTextBlock.HighlightRules>
</htb:HighlightTextBlock>
10
  • Комментарии не предназначены для расширенной дискуссии; разговор перемещён в чат.
    – ЮрийСПб
    9 ноя 2017 в 15:02
  • <htb:HighlightRulesCollection> <StaticResource ResourceKey="HR"/> </htb:HighlightRulesCollection> , при просмотре в Отладке , визуальное дерево HighlightRules , пустое (как будто не создалась коллекция) , у вас не будет предположений почему такое может быть ? (оригинальный вариант без ресурсов создаёт 1 элемент коллекции с пустым полем HightlightedText правда) 11 ноя 2017 в 12:28
  • @AndreyLehan: Снова обновил ответ, пробуйте!
    – VladD
    11 ноя 2017 в 15:04
  • а вы пробовали у вас сработало ? 12 ноя 2017 в 7:40
  • видео процесса youtube.com/watch?v=FD29AKXEI48&feature=youtu.be 12 ноя 2017 в 7:59
2

Нашёл работающее решение своей задачи

    public class SearchHightlightTextBlock : TextBlock
{
    public SearchHightlightTextBlock() : base() { }

    public String SearchText
    {
        get { return (String)GetValue(SearchTextProperty); }
        set { SetValue(SearchTextProperty, value); }
    }

    private static void OnDataChanged(DependencyObject source,
        DependencyPropertyChangedEventArgs e)
    {
        TextBlock tb = (TextBlock)source;

        if (tb.Text.Length == 0)
            return;

        string textUpper = tb.Text.ToUpper();
        String toFind = ((String)e.NewValue).ToUpper();
        int firstIndex = textUpper.IndexOf(toFind);
        String firstStr = "";
        String foundStr = "";
        if (firstIndex != -1)
        {
            firstStr = tb.Text.Substring(0, firstIndex);
            foundStr = tb.Text.Substring(firstIndex, toFind.Length);
        }
        String endStr = tb.Text.Substring(firstIndex + toFind.Length,
            tb.Text.Length - (firstIndex + toFind.Length));

        tb.Inlines.Clear();
        tb.FontSize = 16;
        var run = new Run();
        run.Text = firstStr;
        tb.Inlines.Add(run);
        run = new Run();
        run.Background = Brushes.Yellow;
        run.Text = foundStr;
        tb.Inlines.Add(run);
        run = new Run();
        run.Text = endStr;

        tb.Inlines.Add(run);
    }

    public static readonly DependencyProperty SearchTextProperty =
        DependencyProperty.Register("SearchText",
            typeof(String),
            typeof(SearchHightlightTextBlock),
            new FrameworkPropertyMetadata(null, OnDataChanged));
}

Использовать вот так

<parser:SearchHightlightTextBlock SearchText="{Binding Path=title, Converter={StaticResource getFilter}}" Text="{Binding title}"/>

Не совсем элегантное решение , но работает привязка и все дела :)

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.