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

  • 질문

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

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


    2012년 3월 31일 토요일 오후 2:06
    중재자

답변

  •  

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

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

    아래는 HyperlinkButton 이용해 Main Page에서 HyperlinkButton 클릭시 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(사용자변경가능) 입력Image Hosted by ImageShack.us

    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 (사용자 변경가능)
    • 생성완료 Solution Explorer에서 마지막 파일 SubPage.xml생성된것 확인가능

    Step5> MainPage.xaml  클릭

    • 왼쪽 상단에 Toolbox에서 HyperlinkButton 애뮬레이터에 드래그합니다.
    • 드래그후 자동으로 HyperlinkButton 대해서 아래와 같이 기본적인 소스자동생성 HyperlinkButton NavigateUri="/PageMove;component/SubPage.xaml" 추가하여 SubPage 이동가능하도록 작성합니다.
    • 완성 코드

            <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">

                <HyperlinkButton Content="HyperlinkButton" Height="30" HorizontalAlignment="Left" Margin="116,178,0,0" Name="hyperlinkButton1" VerticalAlignment="Top" Width="200"

                                 NavigateUri="/PageMove;component/SubPage.xaml"/>

            </Grid>

    Step6> 실행

    [참조자료]

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

    2012년 4월 4일 수요일 오전 9:04
    중재자