locked
[Windows Phone 7] Page 이동하는 구현예제- NavigationService이용편 RRS feed

  • 질문


  • Windows Phone 7 Page 이동하는 구현 예제 [NavigationService 이용편] 입니다.

    Main page생성 후 Sub page 이동합니다.

    2012년 4월 4일 수요일 오전 10:00
    중재자

답변

  •  

    페이지 이동을 구현하는 방법은 2가지가 존재합니다.

    1. Hyperlink Button 이용하는 페이지간 이동
    2. NavigationService 이용한 페이지간 이동

    아래는NavigationService 이용해 Main Page에서Sub Page 이동하는 아래와 같은 페이지 이동을 보여드리겠습니다

    Image Hosted by ImageShack.us  Image Hosted by ImageShack.us

    Step1>   File>NewProject  Click

    • Windows Phone Application Template 선택
    • Name: PageMove (사용자변경가능Image Hosted by ImageShack.us)

    Step2>  Emulator화면에 보이는 Page name  Click

    • 오른쪽 하단의 Properties 선택 Name 속성값을 Main Page(사용자변경가능) 입력

    Step3>  오른쪽 상단 Solution Explorer Project Name(“PageMove”) 에서 오른쪽 마우스 크릭

    • Add – New Item 선택(Ctrl+Shift+A)Image Hosted by ImageShack.us

    Step4> New Item 생성

    • Template : Windows Phone Portrait Page 선택
    • Name : Subpage.xaml (사용자 변경가능Image Hosted by ImageShack.us)
    • 생성완료 Solution Explorer에서 마지막 파일 SubPage.xml생성된것 확인가능

    Step5> MainPage.xaml  클릭

    • 왼쪽 상단에 Toolbox에서 Button 애뮬레이터에 드래그합니다.
    • 드래그후 자동으로 Button 대해서 아래와 같이 기본적인 소스자동생성 됩니다.
    • 저는 x:Name Content 값만  변경하였습니다 (사용자 변경 가능)

    <Button x:Name="SubPageButton" Content="Button(SubPage)" Height="90" HorizontalAlignment="Left" Margin="94,326,0,0" VerticalAlignment="Top" Width="262" Click="SubPageButton_Click" />

    Step6>  애뮬레이터에서 Button(SubPage) 두번 클릭합니다.

    Step7> Button 두번클릭시 MainPage.xaml.cs파일이 열리면서 Button 해당하는 Event함수가  자동으로 생성이 되어집니다. 메소드 안에  NavigationService.Navigate(new Uri("/PageMove;component/SubPage.xaml",UriKind.Relative)); 입력하여줍니다.

            private void SubPageButton_Click(object sender, RoutedEventArgs e)

            {

                NavigationService.Navigate(new Uri("/PageMove;component/SubPage.xaml",UriKind.Relative));

            }

    Step8> 실행

    [참조자료]

    Windows Phone 7] Page 이동하는 구현예제- HyperLinkButton이용편

    2012년 4월 4일 수요일 오전 10:12
    중재자