0

Подскажите пожалуйста, как в ListView отключить или убирать выделение ранее выбранного элемента списка? Что бы не было так, как на изображении. пример В идеале оставить только подсветку элемента, при наведении курсора мыши. (что я и получаю, когда добавляю в стили : <Setter Property="Focusable" Value="false"/>) Но после этого, при нажатии на элемент списка - ничего не происходит(SelectionChanged="ListView2_SelectionChanged" - не работает), хотя визуально - всё отлично!

Буду рад Вашему совету! Спасибо!

4
  • Перепишите полностью стиль Item'a и задайте ему нужный триггер при наведении мыши.
    – EvgeniyZ
    4 янв 2019 в 13:12
  • Я был бы очень Вам признателен, за помощь или ссылку. Второй день я пытаюсь решить проблему, но всё никак не могу продвинуться :(
    – Andrey
    4 янв 2019 в 13:44
  • Стоп, вам надо просто убрать выделение 2-ого элемента? Если да, то просто установите SelectionMode="Single".
    – EvgeniyZ
    4 янв 2019 в 14:09
  • Нет, мне необходимо убрать выделение вообще. Визуально. Что бы не было того, что на изображении в зелёном квадрате. Там строка 002 - это оставшийся фокус, после нажатия но строку. А на 004 - наведён курсор. Убрать я пытаюсь то, что на строке 002.
    – Andrey
    4 янв 2019 в 14:44

1 ответ 1

2

мне необходимо убрать выделение вообще. Визуально.

Как я и говорил, для таких целей просто переопределите стиль элемента.

Допустим у нас есть стандартный ListView с некоторыми элементами:

<ListView SelectionMode="Single" HorizontalContentAlignment="Stretch">
    <ListView.Items>
        <sys:String>1</sys:String>
        <sys:String>2</sys:String>
        <sys:String>3</sys:String>
        <sys:String>4</sys:String>
        <sys:String>5</sys:String>
    </ListView.Items>
</ListView>

Делаем стиль для ListViewItem в котором убираем полностью визуальный эффект выделения, но оставляем реагирование на наведенную мышь:

<Style TargetType="{x:Type ListViewItem}">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type ListViewItem}">
                <StackPanel x:Name="panel">
                    <TextBlock Text="{Binding}"/>
                </StackPanel>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsMouseOver" Value="True">
                        <Setter TargetName="panel" Property="Background" Value="Gray"/>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

Тут по сути все просто:

  • Сам стиль применяется ко всем объектам типа ListViewItem. Если нужно на некоторых, то задаем x:Key и нужному ListView указываем ItemContainerStyle.
  • Стиль переопределяет шаблон одного Item'a (<Setter Property="Template">) на указанный нами. А указываем мы простую StackPanel с одним текстовым контролом.
  • Далее в <ControlTemplate.Triggers> мы указываем необходимые триггеры этого шаблона. В нашем случае это всего один триггер, который меняет цвет у StackPanel на серый при наведении мыши.

Запускаем и смотрим на результат:

Result

Как видим при наведении мыши у нас успешно меняется цвет, при клике на объект выделение (визуально) не происходит.

Ну вот собственно и все.
Дальше вам остается подстроить под себя сам дизайн, ну и добавить может еще какие то триггеры.
Например добавим выделение, пусть при клике на объект он выделяется определенным цветом. Для этого сделаем еще один триггер:

<Trigger Property="IsSelected" Value="True">
    <Setter TargetName="panel" Property="Background" Value="Lime"/>
</Trigger>

Результат:

Result Selection

3
  • Евгений, спасибо Вам за развёрнутый ответ! Да это именно то, что мне требовалось! Получилось аналог <Setter Property="Focusable" Value="false"/> только выбор работает! УРА!!! Но только проявился нюанс. Если я, допустим, кликаю на первом элементе списка, происходит событие, то при повторном нажатии на этот же элемент - события уже не происходит :( ListView1.UnselectAll(); вроде бы должен решить проблему, но вылетает исключение "Индекс за пределами диапазона" в этой строке select = (ClassName)ListView1.SelectedItems[0];
    – Andrey
    5 янв 2019 в 17:39
  • 1
    события уже не происходит - правильно, потому что элемент уже выделен. Вы уверены, что вам нужен ListView? Что то мне кажется, что он не очень подходит под ваши задачи. Я бы на вашем месте создал простой ItemsControl, у которого нету выделения и чего либо еще, у него переопределил бы шаблон итема, задав ему обычный Button, который привязал бы к команде. Но в таком варианте вы не получите табличный вид. ListView1.SelectedItems[0] - у вас мульти выбор? Если нет, то тут достаточно .SelectedItem. И да, очень советую научится работать с привязками и забыть про обращение к элементам через имя!
    – EvgeniyZ
    5 янв 2019 в 19:57
  • Попробую поискать статью или примеры, где описана работа с привязками. Да бы лучше понять их и научиться работать с ними. Вижу их часто в примерах, но понимаю пока слабо. (c# я занимаюсь не так давно) Если Вам попадался хороший ресурс с описанием привязок, буду рад и благодарен за ссылку на него! Мульти выбора у меня нет, и я переписал на .SelectedItem . По поводу создания своего контрола - как вариант, но мне надо в строке разместить много элементов, текста, кнопок... думаю для меня это будет сложно на моём уровне развития.
    – Andrey
    6 янв 2019 в 9:11

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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