为什么我的 ListView-Item 只跳回 VisualState Selected 一次？

Question

我的 UWP 应用程序中的 ListView 有问题。当第一次 selecting 一个项目时，在 MouseOver 结束后它的 VisualState 更改为 "Selected"，但是当我 select 第二次时，在我 selected 之后另一个项目，即使在 MouseOver 之后，它仍保持在 VisualState "Pressed" 中，直到我 select 下一个项目。所以我的项目只切换到所需的 VisualState 一次，以在会话的其余部分忽略此状态。这种行为的原因可能是什么，这是否是 UWP 独有的，因为我不记得以前见过这样的事情。

这是我的 ListView，因为我现在在 Xaml 中使用它：

<ListView IsItemClickEnabled="True"
            Grid.Row="1"
            Grid.Column="1"
            ScrollViewer.VerticalScrollMode="Auto"
            ScrollViewer.VerticalScrollBarVisibility="Auto"
            ItemsSource="{Binding Path=list, Mode=OneWay}"
            ItemTemplate="{StaticResource RepVSmallIcon70ItemTemplate}"
            TabIndex="1"
            SelectedIndex="{Binding Path=selectedIndex, Mode=TwoWay}"
            SelectionChanged="ListView_SelectionChanged"
            IsRightTapEnabled="False"
            ItemContainerStyle="{StaticResource ListViewItemStyleUWP}"/>

使用此 ItemContainerStyle：

<Style x:Key="ListViewItemStyleUWP" TargetType="ListViewItem">
    <Setter Property="FontFamily" Value="{ThemeResource ContentControlThemeFontFamily}"/>
    <Setter Property="FontSize" Value="{ThemeResource ControlContentThemeFontSize}"/>
    <Setter Property="Background" Value="MediumOrchid"/>
    <Setter Property="Foreground" Value="{ThemeResource SystemControlForegroundBaseHighBrush}"/>
    <Setter Property="TabNavigation" Value="Local"/>
    <Setter Property="IsHoldingEnabled" Value="True"/>
    <Setter Property="Padding" Value="12,0,12,0"/>
    <Setter Property="HorizontalContentAlignment" Value="Left"/>
    <Setter Property="VerticalContentAlignment" Value="Center"/>
    <Setter Property="MinWidth" Value="160"/>
    <Setter Property="MinHeight" Value="100"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="ListViewItem">
                <Border x:Name="OuterContainer" RenderTransformOrigin="0.5,0.5">
                    <VisualStateManager.VisualStateGroups>
                        <VisualStateGroup x:Name="CommonStates">
                            <VisualState x:Name="Normal">
                                <!-- unselektiert -->
                                <Storyboard>
                                    <ObjectAnimationUsingKeyFrames Duration="0"
                                                                Storyboard.TargetName="ContentBorder"
                                                                Storyboard.TargetProperty="BorderBrush">
                                        <DiscreteObjectKeyFrame KeyTime="0" Value="Orange"/>
                                    </ObjectAnimationUsingKeyFrames>
                                    <ObjectAnimationUsingKeyFrames Duration="0"
                                                                Storyboard.TargetName="ContentBorder"
                                                                Storyboard.TargetProperty="Background">
                                        <DiscreteObjectKeyFrame KeyTime="0" Value="LightBlue"/>
                                    </ObjectAnimationUsingKeyFrames>
                                    <ObjectAnimationUsingKeyFrames Duration="0"
                                                                Storyboard.TargetName="ContentBorder"
                                                                Storyboard.TargetProperty="Margin">
                                        <DiscreteObjectKeyFrame KeyTime="0" Value="0 0 0 2"/>
                                    </ObjectAnimationUsingKeyFrames>
                                </Storyboard>
                            </VisualState>
                            <VisualState x:Name="Pressed">
                                <!-- Klick -->
                                <Storyboard>
                                    <ObjectAnimationUsingKeyFrames Duration="0"
                                                                Storyboard.TargetName="ContentBorder"
                                                                Storyboard.TargetProperty="BorderBrush">
                                        <DiscreteObjectKeyFrame KeyTime="0" Value="Red"/>
                                    </ObjectAnimationUsingKeyFrames>
                                    <ObjectAnimationUsingKeyFrames Duration="0"
                                                                Storyboard.TargetName="ContentBorder"
                                                                Storyboard.TargetProperty="Background">
                                        <DiscreteObjectKeyFrame KeyTime="0" Value="Blue"/>
                                    </ObjectAnimationUsingKeyFrames>
                                    <ObjectAnimationUsingKeyFrames Duration="0"
                                                                Storyboard.TargetName="ContentBorder"
                                                                Storyboard.TargetProperty="Margin">
                                        <DiscreteObjectKeyFrame KeyTime="0" Value="2 2 2 4"/>
                                    </ObjectAnimationUsingKeyFrames>
                                </Storyboard>
                            </VisualState>
                        </VisualStateGroup>
                        <VisualStateGroup x:Name="SelectionStates">
                            <VisualState x:Name="Selected">
                                    <!--Selektiert--> 
                                <Storyboard>
                                    <ObjectAnimationUsingKeyFrames Duration="0"
                                                                Storyboard.TargetName="ContentBorder"
                                                                Storyboard.TargetProperty="BorderBrush">
                                        <DiscreteObjectKeyFrame KeyTime="0" Value="DarkRed"/>
                                    </ObjectAnimationUsingKeyFrames>
                                    <ObjectAnimationUsingKeyFrames Duration="0"
                                                                Storyboard.TargetName="ContentBorder"
                                                                Storyboard.TargetProperty="Background">
                                        <DiscreteObjectKeyFrame KeyTime="0" Value="DarkBlue"/>
                                    </ObjectAnimationUsingKeyFrames>
                                    <ObjectAnimationUsingKeyFrames Duration="0"
                                                                Storyboard.TargetName="ContentBorder"
                                                                Storyboard.TargetProperty="Margin">
                                        <DiscreteObjectKeyFrame KeyTime="0" Value="0 0 0 2"/>
                                    </ObjectAnimationUsingKeyFrames>
                                </Storyboard>
                            </VisualState>
                        </VisualStateGroup>
                    </VisualStateManager.VisualStateGroups>
                    <Grid x:Name="ReorderHintContent" Background="Transparent">
                        <Border x:Name="ContentContainer">
                            <Border x:Name="ContentBorder"
                                    Background="LightCyan"
                                    BorderBrush="DarkCyan"
                                    BorderThickness="2">
                                <Grid>
                                    <ContentPresenter x:Name="contentPresenter"
                                                        ContentTransitions="{TemplateBinding ContentTransitions}"
                                                        ContentTemplate="{TemplateBinding ContentTemplate}"
                                                        Content="{TemplateBinding Content}"
                                                        HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                                        VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                                        Margin="{TemplateBinding Padding}" />
                                </Grid>
                            </Border>
                        </Border>
                    </Grid>
                </Border>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

Answer 1

ListViewItem styles and templates 没有 SelectionStates VisualStateGroups。因此 ListViewItem 样式无法很好地管理 SelectionStates 中的 selected 视图状态。将 Selected VisualState 移动到 CommonStates VisualStateGroup。它会起作用的。更新代码如下：

 <Setter Property="Template">
     <Setter.Value>
         <ControlTemplate TargetType="ListViewItem">
             <Border x:Name="OuterContainer" RenderTransformOrigin="0.5,0.5">
                 <VisualStateManager.VisualStateGroups>
                     <VisualStateGroup x:Name="CommonStates">
                         <VisualState x:Name="Normal">
                                    <!--  unselektiert  -->
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Duration="0"
                                                                       Storyboard.TargetName="ContentBorder"
                                                                       Storyboard.TargetProperty="BorderBrush">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="Orange" />
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Duration="0"
                                                                       Storyboard.TargetName="ContentBorder"
                                                                       Storyboard.TargetProperty="Background">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="LightBlue" />
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Duration="0"
                                                                       Storyboard.TargetName="ContentBorder"
                                                                       Storyboard.TargetProperty="Margin">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="0 0 0 2" />
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </VisualState>                      
                         <VisualState x:Name="Pressed">
                                    <!--  Klick  -->
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Duration="0"
                                                                       Storyboard.TargetName="ContentBorder"
                                                                       Storyboard.TargetProperty="BorderBrush">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="Red" />
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Duration="0"
                                                                       Storyboard.TargetName="ContentBorder"
                                                                       Storyboard.TargetProperty="Background">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="Blue" />
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Duration="0"
                                                                       Storyboard.TargetName="ContentBorder"
                                                                       Storyboard.TargetProperty="Margin">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="2 2 2 4" />
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </VisualState>   
                         <VisualState x:Name="Selected">
                                    <!--  Selektiert  -->
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Duration="0"
                                                                       Storyboard.TargetName="ContentBorder"
                                                                       Storyboard.TargetProperty="BorderBrush">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="DarkRed" />
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Duration="0"
                                                                       Storyboard.TargetName="ContentBorder"
                                                                       Storyboard.TargetProperty="Background">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="DarkBlue" />
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Duration="0"
                                                                       Storyboard.TargetName="ContentBorder"
                                                                       Storyboard.TargetProperty="Margin">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="0 0 0 2" />
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </VisualState>                     
                     </VisualStateGroup>                                        
                 </VisualStateManager.VisualStateGroups>
                 <Grid x:Name="ReorderHintContent" Background="Transparent">
                            <Border x:Name="ContentContainer">
                                <Border x:Name="ContentBorder"
                                        Background="LightCyan"
                                        BorderBrush="DarkCyan"
                                        BorderThickness="2">
                                    <Grid>
                                        <ContentPresenter x:Name="contentPresenter"
                                                          Margin="{TemplateBinding Padding}"
                                                          HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                                          VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                                          Content="{TemplateBinding Content}"
                                                          ContentTemplate="{TemplateBinding ContentTemplate}"
                                                          ContentTransitions="{TemplateBinding ContentTransitions}" />
                                    </Grid>
                                </Border>
                            </Border>
                        </Grid>
             </Border>
         </ControlTemplate>
     </Setter.Value>
 </Setter>

为什么我的 ListView-Item 只跳回 VisualState Selected 一次？

Why is my ListView-Item only jumping back to VisualState Selected, once?

c#

xaml

visualstatemanager

visual-studio

uwp