列表框展开选定的项目

列表框展开选定的项目

问题描述:

我有以下代码片段(复制并粘贴到kaxaml,xamlpad等尝试它) 折叠所有,但选定的项目。但是,当鼠标没有超过ListBox时,我想要恢复到所有可见的 ,并且我无法使其无法继续使用代码。我正在使用IsMouseOver ListBox属性在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>

移动你的风格,以资源和应用它当鼠标移动到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的使用,这些是在触发器对象变为非活动状态时应用的操作。

+0

不错的解决方案。谢谢! – HiteshP 2009-09-23 21:51:17

+0

我已经完成了这个问题,现在我已经意识到它为什么这样工作:) 原因是动画在设置依赖属性时具有最高的优先级。因此,当您使用动画设置了一些属性并且想要返回到初始值时,可以使用动画来完成该操作,就像在MultiDataTrigger.ExitActions元素中所做的那样。 – 2009-09-27 00:50:50