WP8 Blend를 사용하여 ListBox에 애니메이션을 적용하는 방법

Question

첫 번째 항목이 두 번째 항목보다 먼저 나오고 목록 상자가 아래 예제와 같이로드 될 때 목록 상자를 사용하여 애니메이션을 수행하는 방법을 궁금합니다.

Answer 1

당신은 Windows Phone Toolkit에서 TurnstileFeatherEffect으로이 작업을 수행 할 수 있습니다. 다음은 complete sample page입니다.

당신은 당신이 그들에 비행 할 주문하는 상태 페이지

<toolkit:TransitionService.NavigationInTransition> 
    <toolkit:NavigationInTransition> 
     <toolkit:NavigationInTransition.Backward> 
      <toolkit:TurnstileFeatherTransition Mode="BackwardIn"/> 
     </toolkit:NavigationInTransition.Backward> 
     <toolkit:NavigationInTransition.Forward> 
      <toolkit:TurnstileFeatherTransition Mode="ForwardIn"/> 
     </toolkit:NavigationInTransition.Forward> 
    </toolkit:NavigationInTransition> 
</toolkit:TransitionService.NavigationInTransition> 
<toolkit:TransitionService.NavigationOutTransition> 
    <toolkit:NavigationOutTransition> 
     <toolkit:NavigationOutTransition.Backward> 
      <toolkit:TurnstileFeatherTransition Mode="BackwardOut"/> 
     </toolkit:NavigationOutTransition.Backward> 
     <toolkit:NavigationOutTransition.Forward> 
      <toolkit:TurnstileFeatherTransition Mode="ForwardOut"/> 
     </toolkit:NavigationOutTransition.Forward> 
    </toolkit:NavigationOutTransition> 
</toolkit:TransitionService.NavigationOutTransition> 

에 다음 전환 효과를 추가하고이 기능을 수행 할 수 있습니다. 당신은 당신이 애니메이션하려는 각 항목에 FeatheringIndex를 설정하면됩니다. 항목에 애니메이션을 적용하려는 ListBox가있는 경우 DataTemplate이 아닌 ListBox 자체에서 색인 만 설정하면됩니다.

<ListBox toolkit:TurnstileFeatherEffect.FeatheringIndex="0"> 
</ListBox>