목록 상자 선택 항목 확장

Question

다음 코드 단편 (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> 

Answer 1

는 이러한 리소스에 대한 당신의 스타일을 이동하고 마우스 또한 MultiDataTrigger.ExitActions의 사용을 유의 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> 

` 위에있을 때 적용 트리거 객체가 비활성화 될 때 적용 할 동작입니다.