2014-04-03 4 views
0

Windows Phone 8 응용 프로그램에서는 항목을 선택하면 Windows Phone Store 응용 프로그램에 사용되는 애니메이션/전환/효과를 사용하고 싶습니다. 여기Windows Phone 목록 상자 선택한 항목 전환

애니메이션/전환에 대한 설명 :

  • 이 응용 프로그램
  • 동작을보고 클릭
  • 이 결과 목록에서 연구
  • 을 공식 윈도우 폰 스토어 앱을 엽니 다 (오른쪽 아래에 애니메이션으로 페이지에 다시 나타납니다).

나는 여러 다른 응용 프로그램에서이 효과를 본 것으로 확신합니다. 그래서 내 질문에 어리석은 수 있지만이 효과/애니메이션/전환을 수행하는 방법 또는 SDK에 뭔가가 또는 "수동으로"해야합니까?

제목에 대한 정보를 미리 보내 주셔서 감사합니다.

답변

0

나는 이걸 몇 시간 뒤로 검색했지만 동일한 결과를 얻으려면 적용해야하는 템플릿을 찾을 수 없었습니다.

결국, 나는 비슷한 효과를 얻기 위해 나만의 애니메이션을 제작하고있었습니다. 내 목록에서 선택한 항목에 사용되는 Button 컨트롤이 있습니다. 버튼 템플릿의 경우 Visual State 변경에 대한 다음 정의가 포함 된 내 스타일을 적용했습니다.

블렌드에서 버튼 템플릿과 스타일 템플릿을 만들 수 있습니다.

<Style x:Key="LongListSelectorButtonStyle" TargetType="Button"> 
    <Setter Property="Template"> 
     <Setter.Value> 
      <ControlTemplate TargetType="Button"> 
       <Grid Background="Transparent"> 
        <VisualStateManager.VisualStateGroups> 
         <VisualStateGroup x:Name="CommonStates"> 
          <VisualState x:Name="Normal"/> 
          <VisualState x:Name="MouseOver"/> 
          <VisualState x:Name="Pressed"> 
           <Storyboard> 
            <DoubleAnimation Storyboard.TargetProperty="(Border.RenderTransform).(TranslateTransform.Y)" 
                Storyboard.TargetName="ButtonBackground" 
                From="0" 
                To="-6" 
                Duration="00:00:0.04"/> 
            <DoubleAnimation Storyboard.TargetProperty="(Border.RenderTransform).(TranslateTransform.X)" 
                Storyboard.TargetName="ButtonBackground" 
                From="0" 
                To="2" 
                Duration="00:00:0.04"/> 

           </Storyboard> 
          </VisualState> 
          <VisualState x:Name="Disabled"/> 
         </VisualStateGroup> 
        </VisualStateManager.VisualStateGroups> 

이 애니메이션은 버튼을 현재 위치에서 오른쪽 위로 조금 이동합니다. 애니메이션을 다른 방향으로 변경할 수 있습니다.

관련 문제