WPF ListView 선택 해제

간단한 WPF ListView와 간단한 질문이 있습니다.

선택을 해제 할 수 있으므로 사용자가 행을 클릭 할 때 행이 강조 표시되지 않습니까?

클릭했을 때 행 1이 행 0처럼 보이기를 바랍니다.

관련이있을 수 있음 : 마우스 오버 / 선택의 모양을 지정할 수 있습니까? 예 : 파란색 그라디언트 호버 모양 (3 행)을 사용자 정의 단색으로 대체합니다. 내가 발견 한 이 와 이 불행히도 도움이되지.

(ListView를 사용하지 않고도 동일한 결과를 얻을 수 있습니다. ListView와 마찬가지로 논리적 스크롤링 및 UI 가상화를 사용할 수 있기를 바랍니다.)

ListView의 XAML은 다음과 같습니다.

<ListView Height="280" Name="listView">
    <ListView.Resources>
        <!-- attempt to override selection color -->
        <SolidColorBrush x:Key="{x:Static SystemColors.HighlightColorKey}"
                         Color="Green" />
    </ListView.Resources>
    <ListView.View>
        <GridView>
            <GridView.Columns>
                <GridViewColumn Header="Name" DisplayMemberBinding="{Binding Name}" />
                <!-- more columns -->
            </GridView.Columns>
        </GridView>
     </ListView.View>
</ListView>

가장 간단한 방법으로 항목 선택을 완전히 비활성화하려면 Martin Konicek의 의견에 따라 :

<ListView>
    <ListView.ItemContainerStyle>
        <Style TargetType="ListViewItem">
            <Setter Property="Focusable" Value="false"/>
        </Style>
    </ListView.ItemContainerStyle>
    ...
</ListView>

그러나 항목을 선택할 수있는 것과 같이 ListView의 기능이 여전히 필요한 경우 다음과 같이 선택한 항목의 스타일을 시각적으로 비활성화 할 수 있습니다.

ListViewItem의 ControlTemplate 을 변경하는 것부터 스타일을 설정하는 것 까지 다양한 방법으로이 작업을 수행 할 수 있습니다 (훨씬 쉬움). ItemContainerStyle을 사용하여 ListViewItems에 대한 스타일을 만들고 선택한 경우 배경 및 테두리 브러시를 '끄기'할 수 있습니다.

<ListView>
    <ListView.ItemContainerStyle>
        <Style TargetType="{x:Type ListViewItem}">
            <Style.Triggers>
                <Trigger Property="IsSelected"
                         Value="True">
                    <Setter Property="Background"
                            Value="{x:Null}" />
                    <Setter Property="BorderBrush"
                            Value="{x:Null}" />
                </Trigger>
            </Style.Triggers>
        </Style>
    </ListView.ItemContainerStyle>
    ...
</ListView>

또한 항목이 선택 될 때 (또는 테스트 용으로 만) 사용자에게 알리는 다른 방법이없는 경우 값을 나타내는 열을 추가 할 수 있습니다.

<GridViewColumn Header="IsSelected"
                DisplayMemberBinding="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type ListViewItem}}, Path=IsSelected}" />

Moore의 대답은 작동하지 않으며 여기 페이지 :

ListBox의 항목에 대한 선택 색상, 내용 정렬 및 배경색 지정

작동하지 않는 이유를 설명합니다.

목록보기에 기본 텍스트 만 포함 된 경우 문제를 해결하는 가장 간단한 방법은 투명한 브러시를 사용하는 것입니다.

<Window.Resources>
  <Style TargetType="{x:Type ListViewItem}">
    <Style.Resources>
      <SolidColorBrush x:Key="{x:Static SystemColors.HighlightBrushKey}" Color="#00000000"/>
      <SolidColorBrush x:Key="{x:Static SystemColors.ControlBrushKey}" Color="#00000000"/>
    </Style.Resources>
  </Style>
</Window.Resources>

목록보기의 셀이 콤보 상자와 같은 컨트롤을 보유하고 있으면 색상도 변경되므로 원하지 않는 결과가 생성됩니다. 이 문제를 해결하려면 컨트롤의 템플릿을 다시 정의해야합니다.

  <Window.Resources>
    <Style TargetType="{x:Type ListViewItem}">
      <Setter Property="Template">
        <Setter.Value>
          <ControlTemplate TargetType="{x:Type ListViewItem}">
            <Border SnapsToDevicePixels="True" 
                    x:Name="Bd" 
                    Background="{TemplateBinding Background}" 
                    BorderBrush="{TemplateBinding BorderBrush}" 
                    BorderThickness="{TemplateBinding BorderThickness}" 
                    Padding="{TemplateBinding Padding}">
              <GridViewRowPresenter SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" 
                                    VerticalAlignment="{TemplateBinding VerticalContentAlignment}" 
                                    Columns="{TemplateBinding GridView.ColumnCollection}" 
                                    Content="{TemplateBinding Content}"/>
            </Border>
            <ControlTemplate.Triggers>
              <Trigger Property="IsEnabled" 
                       Value="False">
                <Setter Property="Foreground" 
                        Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
              </Trigger>
            </ControlTemplate.Triggers>
          </ControlTemplate>
        </Setter.Value>
      </Setter>
    </Style>
  </Window.Resources>

Focusable이 false로 설정되도록 각 ListViewItem의 스타일을 설정합니다.

<ListView ItemsSource="{Binding Test}" >
    <ListView.ItemContainerStyle>
        <Style TargetType="{x:Type ListViewItem}">
            <Setter Property="Focusable" Value="False"/>
        </Style>
    </ListView.ItemContainerStyle>
</ListView>

Blend의 ListViewItem에 대한 기본 템플릿은 다음과 같습니다.

기본 ListViewItem 템플릿 :

        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type ListViewItem}">
                    <Border x:Name="Bd" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" Padding="{TemplateBinding Padding}" SnapsToDevicePixels="true">
                        <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                    </Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsSelected" Value="true">
                            <Setter Property="Background" TargetName="Bd" Value="{DynamicResource {x:Static SystemColors.HighlightBrushKey}}"/>
                            <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.HighlightTextBrushKey}}"/>
                        </Trigger>
                        <MultiTrigger>
                            <MultiTrigger.Conditions>
                                <Condition Property="IsSelected" Value="true"/>
                                <Condition Property="Selector.IsSelectionActive" Value="false"/>
                            </MultiTrigger.Conditions>
                            <Setter Property="Background" TargetName="Bd" Value="{DynamicResource {x:Static SystemColors.InactiveSelectionHighlightBrushKey}}"/>
                            <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.InactiveSelectionHighlightTextBrushKey}}"/>
                        </MultiTrigger>
                        <Trigger Property="IsEnabled" Value="false">
                            <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>

기본 템플릿을 대체하기 위해 스타일에 아래 코드를 추가하여 IsSelected 트리거 및 IsSelected / IsSelectionActive MultiTrigger를 제거하면 선택시 시각적 변경이 없습니다.

IsSelected 속성의 시각적 변경 사항을 해제하는 솔루션 :

    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type ListViewItem}">
                <Border x:Name="Bd" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" Padding="{TemplateBinding Padding}" SnapsToDevicePixels="true">
                    <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                </Border>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsEnabled" Value="false">
                        <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>

내가 찾은 가장 쉬운 방법 :

<Setter Property="Focusable" Value="false"/>

위의 솔루션에 추가로 ... MultiTrigger를 사용하여 ListViewItem의 스타일이 다음과 같도록 선택한 후에도 MouseOver 강조 표시가 계속 작동하도록 허용합니다.

        <ListView.ItemContainerStyle>
            <Style TargetType="ListViewItem">
                <Style.Triggers>
                    <MultiTrigger>
                        <MultiTrigger.Conditions>
                            <Condition Property="IsSelected" Value="True" />
                            <Condition Property="IsMouseOver" Value="False" />
                        </MultiTrigger.Conditions>
                        <MultiTrigger.Setters>
                            <Setter Property="Background" Value="{x:Null}" />
                            <Setter Property="BorderBrush" Value="{x:Null}" />
                        </MultiTrigger.Setters>
                    </MultiTrigger>
                </Style.Triggers>
            </Style>
        </ListView.ItemContainerStyle>

좋아, 게임에 조금 늦었지만 이러한 솔루션 중 어느 것도 내가하려는 일을 제대로 수행하지 못했습니다. 이러한 솔루션에는 몇 가지 문제가 있습니다.

1. 스타일을 망치고 모든 자식 컨트롤을 비활성화하는 ListViewItem을 비활성화합니다.
2. 적중 테스트 스택에서 제거합니다. 즉, 자식 컨트롤에 마우스 오버 나 클릭이 발생하지 않습니다.
3. 초점을 맞출 수 없게 만드세요. 이건 그냥 평범하지 않았나요?

그룹화 헤더가있는 ListView를 원했고 각 ListViewItem은 선택하거나 마우스를 올려 놓지 않고 '정보 용'이어야하지만 ListViewItem에는 클릭 할 수 있고 마우스를 올려 놓고 싶은 버튼이 있습니다.

그래서 제가 원하는 것은 ListViewItem이 전혀 ListViewItem이되지 않도록하는 것입니다. 그래서 저는 ListViewItem의 ControlTemplate을 타서 간단한 ContentControl로 만들었습니다.

<ListView.ItemContainerStyle>
    <Style TargetType="ListViewItem">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate>
                    <ContentControl Content="{Binding Content, RelativeSource={RelativeSource TemplatedParent}}"/>
                </ControlTemplate>
            </Setter.Value>
         </Setter>
     </Style>
</ListView.ItemContainerStyle>

목록보기의 속성 중 하나는 IsHitTestVisible. 선택을 취소하십시오.

이는 다음 요구 사항을 충족 할 수있는 다른 사용자를위한 것입니다.

1. 표준 강조 표시의 색상을 변경하는 것 외에도 "선택됨"의 시각적 표시를 완전히 대체합니다 (예 : 모양 사용).
2. 이 선택된 표시를 모델의 다른 시각적 표현과 함께 DataTemplate에 포함하지만,
3. 모델 클래스에 "IsSelectedItem"속성을 추가하고 모든 모델 개체에서 해당 속성을 수동으로 조작해야하는 부담을 원하지 않습니다.
4. ListView에서 항목을 선택할 수 있어야합니다.
5. 또한 IsMouseOver의 시각적 표현을 바꾸고 싶습니다.

나처럼 (.NET 4.5와 함께 WPF 사용) 스타일 트리거와 관련된 솔루션이 단순히 작동하지 않는다는 것을 발견했다면 여기에 내 솔루션이 있습니다.

스타일에서 ListViewItem의 ControlTemplate을 바꿉니다.

<ListView ItemsSource="{Binding MyStrings}" ItemTemplate="{StaticResource dtStrings}">
        <ListView.ItemContainerStyle>
            <Style TargetType="ListViewItem">
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="ListViewItem">
                            <ContentPresenter/>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>
        </ListView.ItemContainerStyle>
    </ListView>

.. 그리고 DataTemplate :

<DataTemplate x:Key="dtStrings">
        <Border Background="LightCoral" Width="80" Height="24" Margin="1">
            <Grid >
                <Border Grid.ColumnSpan="2" Background="#88FF0000" Visibility="{Binding RelativeSource={RelativeSource AncestorType=ListViewItem}, Path=IsMouseOver, Converter={StaticResource conBoolToVisibilityTrueIsVisibleFalseIsCollapsed}}"/>
                <Rectangle Grid.Column="0" Fill="Lime" Width="10" HorizontalAlignment="Left" Visibility="{Binding RelativeSource={RelativeSource AncestorType=ListViewItem}, Path=IsSelected, Converter={StaticResource conBoolToVisibilityTrueIsVisibleFalseIsCollapsed}}" />
                <TextBlock Grid.Column="1" Text="{Binding}" HorizontalAlignment="Center" VerticalAlignment="Center" Foreground="White" />
            </Grid>
        </Border>
    </DataTemplate>

런타임시 결과 (항목 'B'가 선택되고 항목 'D'가 마우스를 가져옴) :

다음 코드를 사용하십시오.

   <ListView.ItemContainerStyle>
          <Style TargetType="{x:Type ListViewItem}">
           <Setter Property="Background" Value="Transparent`enter code here`" />
             <Setter Property="Template">
               <Setter.Value>
                 <ControlTemplate TargetType="{x:Type ListViewItem}">
                   <ContentPresenter />
                 </ControlTemplate>
               </Setter.Value>
             </Setter>
          </Style>
   </ListView.ItemContainerStyle>

아래 코드는 ListViewItem 행 선택을 비활성화하고 패딩, 여백 등을 추가 할 수도 있습니다.

<ListView.ItemContainerStyle>                                                                              
   <Style TargetType="ListViewItem">                                                                                      
       <Setter Property="Template">                                                                                            
         <Setter.Value>                                                                                             
           <ControlTemplate TargetType="{x:Type ListViewItem}">                                                                                                    
              <ListViewItem Padding="0" Margin="0">                                                                                                        
                  <ContentPresenter />
              </ListViewItem>
           </ControlTemplate>                                                          
         </Setter.Value>                                                                                       
         </Setter>
      </Style>                                                                      
  </ListView.ItemContainerStyle> 

아래 코드는 ListViewItem에 초점을 사용하지 않도록 설정합니다.

<ListView.ItemContainerStyle>
<Style TargetType="{x:Type ListViewItem}">
    <Setter Property="Background" Value="Transparent" />
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type ListViewItem}">
                <ContentPresenter />
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>