1

Делаю первое приложение на WPF .Net Framework, возникла необходимость создать ListView для вывода списка "клиентов". В C# получаю список, для клиентов создан класс, поэтому с выводом контента проблем не возникло.

<Style TargetType="ListView" BasedOn="{StaticResource HomePageListView}">
        <Setter Property="View">
            <Setter.Value>
                <GridView>
                    <GridViewColumn Header="Username" Width="150" DisplayMemberBinding="{Binding username}"/>
                    <GridViewColumn Header="Email" Width="250" DisplayMemberBinding="{Binding email}"/>
                </GridView>
            </Setter.Value>
        </Setter>
</Style>

Но есть одно "но". Встроенные стили для ListViewItem'ов просто вырвиглазные, поэтому я решил подправить фон.

Верхний элемент "IsSelected", нижний "IsMouseOver"

При попытке сменить цвет простым кодом:

<Style TargetType="{x:Type ListViewItem}" x:Key="HomePageListViewItem">
     <Style.Triggers>
            <Trigger Property="IsMouseOver" Value="True">
                <Setter Property="Background" Value="#475b63"/>
                <Setter Property="BorderBrush" Value="#2e2c2f"/>
            </Trigger>
            <Trigger Property="IsMouseOver" Value="False">
                <Setter Property="Background" Value="Transparent"/>
                <Setter Property="BorderBrush" Value="Transparent"/>
            </Trigger>
            <Trigger Property="IsSelected" Value="True">
                <Setter Property="BorderBrush" Value="#475b63"/>
            </Trigger>
            <Trigger Property="IsSelected" Value="True">
                <Setter Property="BorderBrush" Value="Transparent"/>
            </Trigger>
      </Style.Triggers>
</Style>

Получаю следующее.

Верхний элемент "IsSelected", нижний "IsMouseOver"

Вопрос: как убрать это дурацкое разделение фона на 2 полоски и можно ли вообще? Я попробовать создать Template, однако, это не дало никаких результатов, потому что простыми ContentPresentor'ами или TextBlock'ами это не поправишь, так как у них нету триггеров "IsSelected".

1
  • Эти 2 полоски - выделенный пункт и тот, над которым мышь. Убирать - только шаблон менять. И IsSelected есть.
    – vitidev
    19 ноя 2020 в 0:28

1 ответ 1

2

Вот вам простой шаблон. Подсвечивает только текущий элемент. Попутно HorizontalContentAlignment лечит неработающее выравнивание в ячейках

<ListView.ItemContainerStyle>
    <Style TargetType="ListViewItem">
        <Setter Property="HorizontalContentAlignment" Value="Stretch" />
        <Setter Property="Foreground" Value="Black" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type ListViewItem}">
                    <Border
                        Name="Border"
                        Background="{TemplateBinding Background}"
                        BorderBrush="{TemplateBinding BorderBrush}"
                        BorderThickness="{TemplateBinding BorderThickness}">
                        <GridViewRowPresenter Margin="{TemplateBinding Padding}" Content="{TemplateBinding Content}" />
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
        <Style.Triggers>
            <Trigger Property="IsSelected" Value="True">
                <Setter Property="Background" Value="Gray" />
            </Trigger>
        </Style.Triggers>
    </Style>
</ListView.ItemContainerStyle>
2
  • Работает всё, кроме IsSelected. UPD. Работает, когда добавил на саму страничку окошка с ListView. Однако, почему-то не работает из ResourceDictionary со стилями. Но я уже привык, что половина свойств оттуда не работают, приходится на месте клепать.
    – KoryJaxx
    19 ноя 2020 в 8:07
  • UPD2. Всё сработало внезапно и в ResourceDictionary, хотя по факту я ничего не менял.
    – KoryJaxx
    19 ноя 2020 в 9:07

Ваш ответ

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

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