2013-06-10 4 views
4

앱에서 왼쪽 또는 오른쪽으로 스 와이프하면 해당 페이지를 전환하는 방법은 어떻게됩니까? 이전에 해본 적이 있지만 페이지 전환 및 스토리 보드 애니메이션을 읽을 때 어떻게 가능하게하는지 보지 못했습니다. MSDN에서 아무 것도 보여주지 않는 단일 페이지를 찾지 못했습니다. 기타 단순히 요소의 배경색을 변경하는 것보다.Windows Phone 8 앱용 페이지 전환 전환

이전에이 작업을 수행 했습니까? 참조 자료, 샘플 또는 공유 할 수있는 항목이 있습니까?

+1

Doe 당신의 필요에 맞는 피벗? 여기에서 읽을 수 있습니다 : http://msdn.microsoft.com/en-us/library/windowsphone/develop/ff941098(v=vs.105).aspx – Chepene

+0

@Chepene Vis에서 Pivot 컨트롤 템플릿을 사용해 보았습니다. 스튜디오에서 슬라이드를 왼쪽에서 오른쪽으로 살짝 돌리면 -하지만 책을 좌우로 돌리는 방법은 모르겠다. 하지만 필자는 피벗 스타일 앱을 사용하여 전환 효과를 추가하는 방법을 알아야합니다. –

+3

좋아, 이해해! 도움이 되길 바랍니다. http://stackoverflow.com/questions/13440133/windows-phone-8-how-to-animate-page-navigation/13440336#13440336 – Chepene

답변

6

1 단계를 확인해야합니다 설치하려면 :는 윈도우 폰 7 응용 프로그램 프로젝트를 만들고 Microsoft.Phone.Controls.Toolkit.dll에 대한 참조를 추가합니다.

2 단계 : App.xaml.cs- 이동하여 자동으로 애니메이션 페이지 전환 갖고 싶어합니다 (App.xaml.csApp.InitializePhoneApplication에서) TransitionFrame의 인스턴스에 응용 프로그램의의 RootFrame 속성을 설정 :

private void InitializePhoneApplication() 
{ 
if (phoneApplicationInitialized) 
    return; 

// Create the frame but don't set it as RootVisual yet; this allows the splash 
// screen to remain active until the application is ready to render. 
RootFrame = new TransitionFrame(); 
RootFrame.Navigated += CompleteInitializePhoneApplication; 

// Handle navigation failures 
RootFrame.NavigationFailed += RootFrame_NavigationFailed; 

// Ensure we don't initialize again 
phoneApplicationInitialized = true; 
} 

3 단계 :MainPage.xaml으로 이동하여 '툴킷'프리픽스 선언 추가

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

복사 원본을 신용해야합니다. http://www.geekchamp.com/articles/windows-phone-7-navigation-transitions-step-by-step-guide –

관련 문제