Rimuovere l'effetto del mouse su un controllo ListView in WPF

Question

Sto utilizzando WPF per scrivere un'applicazione per tablet Windows 8 e avere un controllo ListView sullo schermo.

La vista elenco ha numerose righe che coprono più di 1 pagina, quindi lo scorrimento verticale è abilitato.

Quando tocco lo schermo, un selettore blu pallido appare e rimane nel mezzo dello schermo mentre scorro verso l'alto e verso il basso (ma l'elemento selezionato che è evidenziato in un blu più scuro non cambia). Sto indovinando che è l'effetto del mouse su come lo stesso effetto accade quando uso il mouse.

Uso anche un DataTemplate per la raccolta articoli.

Come posso ottenere il passaggio del mouse blu pallido sull'effetto?

Ecco il codice XAML per il mio ListView

<ListView Grid.Row="1" 
       Margin="10"     
       HorizontalContentAlignment="Stretch" 
       ItemsSource="{Binding Source={StaticResource MyData}}" 
       ItemTemplate="{StaticResource MyItemTemplate}" 
       ScrollViewer.CanContentScroll="False" 
       ScrollViewer.PanningMode="VerticalOnly" 
       ScrollViewer.PanningRatio="0.5"> 
    </ListView> 

E qui è il mio modello di elemento:

<DataTemplate x:Key="MyItemTemplate"> 
     <Grid Margin="10,5">     
      <Grid.RowDefinitions> 
       <RowDefinition /> 
       <RowDefinition /> 
      </Grid.RowDefinitions> 
      <Border BorderBrush="Gray" 
        BorderThickness="1" 
        Grid.RowSpan="2" 
        CornerRadius="5" />     
      <TextBlock Text="{Binding Name}" 
         FontSize="20" 
         VerticalAlignment="Center" 
         Grid.Row="0" 
         Margin="10" /> 
      <Border Background="#FFB9B9B9" 
        Grid.Row="1" 
        CornerRadius="5" 
        Margin="10,0,10,4"> 
      <StackPanel HorizontalAlignment="Stretch"        
         Orientation="Horizontal"        
         Grid.Row="1">      
       <TextBlock VerticalAlignment="Center" 
          Text="Status: " 
          Margin="5,5,0,5" /> 
       <TextBlock VerticalAlignment="Center" 
          Text="{Binding CompletionStatus}" /> 
       <TextBlock VerticalAlignment="Center" 
          Text="% complete, " /> 
       <TextBlock VerticalAlignment="Center" 
          Text="Upload status: " /> 
       <TextBlock VerticalAlignment="Center" 
          Text="{Binding UploadStatus}" /> 
       <TextBlock VerticalAlignment="Center" 
          Text="last Modified: " /> 
       <TextBlock VerticalAlignment="Center" 
          Text="{Binding LastModified}" /> 
      </StackPanel> 
      </Border> 
     </Grid> 
    </DataTemplate>   

Sto utilizzando Visual Studio/Miscela 2012.

Grazie in anticipo

Answer 1

MODIFICA:

L'unico modo per farlo funzionare era ridefinire lo ListViewItemControlTemplate. Dare il codice qui sotto una prova e vedere se si risolve il problema:

ListViewItemStyle:

<Style x:Key="LvItemStyle" TargetType="ListViewItem"> 
<Setter Property="Template"> 
    <Setter.Value> 
     <ControlTemplate TargetType="ListViewItem"> 
      <Border x:Name="border" Background="Transparent"> 
       <VisualStateManager.VisualStateGroups> 
        <VisualStateGroup x:Name="CommonStates"> 
         <VisualState x:Name="Normal" /> 
         <VisualState x:Name="Disabled" /> 
        </VisualStateGroup> 
        <VisualStateGroup x:Name="SelectionStates"> 
         <VisualState x:Name="Unselected" /> 
         <VisualState x:Name="Selected"> 
          <Storyboard> 
           <ColorAnimationUsingKeyFrames Storyboard.TargetName="border" 
                   Storyboard.TargetProperty="(Panel.Background).(SolidColorBrush.Color)"> 
            <EasingColorKeyFrame KeyTime="0" Value="LightBlue" /> 
           </ColorAnimationUsingKeyFrames> 
          </Storyboard> 
         </VisualState> 
         <VisualState x:Name="SelectedUnfocused"> 
          <Storyboard> 
           <ColorAnimationUsingKeyFrames Storyboard.TargetName="border" 
                   Storyboard.TargetProperty="(Panel.Background).(SolidColorBrush.Color)"> 
            <EasingColorKeyFrame KeyTime="0" Value="SkyBlue" /> 
           </ColorAnimationUsingKeyFrames> 
          </Storyboard> 
         </VisualState> 
        </VisualStateGroup> 
       </VisualStateManager.VisualStateGroups> 
       <ContentPresenter/> 
      </Border> 
     </ControlTemplate> 
    </Setter.Value> 
</Setter> 

ListView:

<Grid Background="DarkGray"> 
    <ListView Grid.Row="1" 
      Margin="10"     
      HorizontalContentAlignment="Stretch" 
      ItemsSource="{Binding MyItems}" 
      ItemTemplate="{StaticResource LvDataTemplate}" 
      ItemContainerStyle="{StaticResource LvItemStyle}" 
      ScrollViewer.CanContentScroll="False" 
      ScrollViewer.PanningMode="VerticalOnly" 
      ScrollViewer.PanningRatio="0.5"> 
    </ListView> 
</Grid> 

ho hardcoded i colori per il SelectedVisualStates a scopo dimostrativo. Idealmente si otterrebbero questi da un file di risorse.

Answer 2

Per me ha funzionato bene, come questo:

<ListView.ItemContainerStyle> 
    <Style TargetType="ListViewItem"> 
    <Style.Triggers> 
     <Trigger Property="IsMouseOver" Value="True"> 
     <Setter Property="Background" Value="Transparent" /> 
     <Setter Property="BorderBrush" Value="Transparent" /> 
     <Setter Property="BorderThickness" Value="0" /> 
     </Trigger> 
    </Style.Triggers> 
    </Style> 
</ListView.ItemContainerStyle>