wpf - 列表框展开所选项目

Question

我有以下代码片段（复制并粘贴到 kaxaml、xamlpad 等中以尝试它）折叠除所选项目之外的所有项目。但是，我想在鼠标没有悬停时恢复到所有可见的状态，ListBox而且我无法让它在没有代码的情况下工作。我正在使用IsMouseOverListBox 属性来设置所选项目属性ListBox以尝试触发更新但没有运气。有任何想法吗？

<Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
 <Grid>
      <ListBox
           Name="lb"
           Width="100"
           Height="100"
           Background="Red"
           SelectionMode="Single">
           <ListBox.ItemsPanel>
                <ItemsPanelTemplate>
                     <UniformGrid Columns="1"/>
                </ItemsPanelTemplate>
           </ListBox.ItemsPanel>
           <ListBoxItem Background="AliceBlue">Item 1    
           </ListBoxItem>
           <ListBoxItem Background="Aquamarine">Item 
           </ListBoxItem>
           <ListBoxItem Background="Azure">Item 
           </ListBoxItem>
           <ListBox.ItemContainerStyle>
                <Style TargetType="{x:Type ListBoxItem}">
                     <Setter Property="Visibility" Value="Visible"/>
                     <Style.Triggers>
                          <MultiDataTrigger>
                               <MultiDataTrigger.Conditions>
                                    <Condition Binding="{Binding RelativeSource={RelativeSource Self}, Path=IsSelected}" Value="False"/>
                                    <Condition Binding="{Binding RelativeSource={RelativeSource Mode=FindAncestor,AncestorType={x:Type ListBox}},Path=SelectedItems.Count}" Value="1"/>
                               </MultiDataTrigger.Conditions>
                               <MultiDataTrigger.EnterActions>
                                    <BeginStoryboard>
                                         <Storyboard Duration="0:0:1">
                                              <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility">
                                                   <DiscreteObjectKeyFrame KeyTime="0:0:1" Value="{x:Static Visibility.Collapsed}"/>
                                              </ObjectAnimationUsingKeyFrames>
                                              <DoubleAnimation Duration="0:0:1" Storyboard.TargetProperty="Opacity" To="0"/>
                                         </Storyboard>
                                    </BeginStoryboard>
                               </MultiDataTrigger.EnterActions>
                          </MultiDataTrigger>
                          <MultiDataTrigger>
                               <MultiDataTrigger.Conditions>
                                    <Condition Binding="{Binding RelativeSource={RelativeSource Self}, Path=IsSelected}" Value="True"/>
                                    <Condition Binding="{Binding RelativeSource={RelativeSource Mode=FindAncestor,AncestorType={x:Type ListBox}},Path=SelectedItems.Count}" Value="1"/>
                               </MultiDataTrigger.Conditions>
                               <MultiDataTrigger.EnterActions>
                                    <BeginStoryboard>
                                         <Storyboard Duration="0:0:0">
                                              <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility">
                                                   <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{x:Static Visibility.Visible}"/>
                                              </ObjectAnimationUsingKeyFrames>
                                              <DoubleAnimation Duration="0:0:0" Storyboard.TargetProperty="Opacity" To="1"/>
                                         </Storyboard>
                                    </BeginStoryboard>
                               </MultiDataTrigger.EnterActions>
                          </MultiDataTrigger>
                     </Style.Triggers>
                </Style>
           </ListBox.ItemContainerStyle>
           <ListBox.Style>
                <Style>
                     <Style.Triggers>
                          <Trigger Property="ListBox.IsMouseOver" Value="False">
                               <Setter Property="ListBox.SelectedItem" Value="{x:Null}"/>
                               <Setter Property="ListBoxItem.IsSelected" Value="False"/>
                               <Setter Property="ListBox.SelectedIndex" Value="-1"/>
                          </Trigger>
                          <EventTrigger RoutedEvent="Mouse.MouseLeave">
                               <BeginStoryboard>
                                    <Storyboard>
                                         <Int32Animation Duration="0:0:0" Storyboard.TargetProperty="SelectedIndex" To="-1"/>
                                    </Storyboard>
                               </BeginStoryboard>
                          </EventTrigger>
                     </Style.Triggers>
                </Style>
           </ListBox.Style>
      </ListBox>
 </Grid>
</Page>

Answer 1

将您的样式移动到资源并在鼠标悬停在 ListBox 上时应用它。`

<Page.Resources>
    <Style x:Key="CustomStyle" TargetType="{x:Type ListBoxItem}">
        <Style.Triggers>
            <MultiDataTrigger>
                <MultiDataTrigger.Conditions>
                    <Condition Binding="{Binding RelativeSource={RelativeSource Self}, Path=IsSelected}" Value="False"/>
                    <Condition Binding="{Binding RelativeSource={RelativeSource Mode=FindAncestor,AncestorType={x:Type ListBox}},Path=SelectedItems.Count}" Value="1"/>
                </MultiDataTrigger.Conditions>
                <MultiDataTrigger.EnterActions>
                    <BeginStoryboard>
                        <Storyboard Duration="0:0:1">
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility">
                                <DiscreteObjectKeyFrame KeyTime="0:0:1" Value="{x:Static Visibility.Collapsed}"/>
                            </ObjectAnimationUsingKeyFrames>
                            <DoubleAnimation Duration="0:0:1" Storyboard.TargetProperty="Opacity" To="0"/>
                        </Storyboard>
                    </BeginStoryboard>
                </MultiDataTrigger.EnterActions>
                <MultiDataTrigger.ExitActions>
                    <BeginStoryboard>
                        <Storyboard Duration="0:0:0">
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility">
                                <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{x:Static Visibility.Visible}"/>
                            </ObjectAnimationUsingKeyFrames>
                            <DoubleAnimation Duration="0:0:0" Storyboard.TargetProperty="Opacity" To="1"/>
                        </Storyboard>
                    </BeginStoryboard>
                </MultiDataTrigger.ExitActions>
            </MultiDataTrigger>
        </Style.Triggers>
    </Style>
</Page.Resources>

<Grid>
    <ListBox
       Name="lb"
       Width="100"
       Height="100"
       Background="Red"
       SelectionMode="Single">
        <ListBox.ItemsPanel>
            <ItemsPanelTemplate>
                <UniformGrid Columns="1"/>
            </ItemsPanelTemplate>
        </ListBox.ItemsPanel>
        <ListBoxItem Background="AliceBlue">Item 1
        </ListBoxItem>
        <ListBoxItem Background="Aquamarine">Item
        </ListBoxItem>
        <ListBoxItem Background="Azure">Item
        </ListBoxItem>
        <ListBox.Style>
            <Style>
                <Style.Triggers>
                    <Trigger Property="ListBox.IsMouseOver" Value="True">
                        <Setter 
                            Property="ListBox.ItemContainerStyle" 
                            Value="{StaticResource CustomStyle}"/>
                    </Trigger>
                </Style.Triggers>
            </Style>
        </ListBox.Style>
    </ListBox>
</Grid>

` 还要注意 MultiDataTrigger.ExitActions 的用法，这些是在触发器对象变为非活动状态时应用的操作。