소년포비의 세계정복!!

소년포비의 Windows Phone 7 탐구생활 2탄!! 본문

윈도우폰 세상/Silverlight for WP7

소년포비의 Windows Phone 7 탐구생활 2탄!!

소년포비 2011. 2. 22. 07:37

안녕하세요 ^^

 

소년포비입니다. 요번에는 저번에 말씀 드렸드시

 

백 버튼에 대해서 알아 보도록 하겠습니다.

 

 

 

PART 2 : BACK BUTTON

 

 

 

 

자 이제 백버튼에 대해서 알아보기 위해서


전 시간에 만든 프로젝트에서 ADD =>New Item 선택 후 

 

 

Windows Phone Portrait Page 이름을 클릭 후 시작하도록 하겠습니다.

 

 

 

 

 

 

 

 

그럼 아래와 같은 화면의 메인 화면이 나오게 됩니다.

그럼 이제 실질적인 테스트를 해보기 위해서 저번 시간에 했던 녀석이 필요합니다.

다들 지우시진 않으셨죠? 지우셨으면 1탄부터 다시 하시고 오셔야 겠는데요 ^^

 

 

 

 

 

아래 화면에 보시면 저번시간에 만들었던 헬로우 월드에서 버튼에

코딩했던 부분을 약간 변형 해보도록 하겠습니다.

 

 

private void button1_Click(object sender, RoutedEventArgs e)
{

 

//Hello World
// PageTitle.Text = "Hello " + textBox1.Text;
NavigationService.Navigate(new Uri("/SecondPage.xaml",UriKind.Relative));

}

 

 

 

위 해당 코딩부분을 추가 하시면 되겠습니다.

 

위 부분처럼 하는게 왜 그런지 이해가 잘 않되실수 있는데요 ^^

 

저번시간에 만든 화면이 요번시간에 만든것과 같이 있기 때문에 해당

 

페이지로 이동하기 위해서 위의 코딩처럼 하게 되는 것입니다.

 

 

 

 

 

 

그럼 빌드하신 후 위 화면의 그림 처럼 움직이는 부분을 확인해 보실수 있습니다.

어때요? 너무 많이 어렵나요?

 

그리고 실질적인 백버튼은 아까 코딩했던 부분을 다시 한번

 

수정해 보도록 하겠습니다.

 

위 그림은 여러분이 만드셨던 화면을 어떻게 불어오는지에 대해서

 

알아보신 화면입니다.

 

 

private void button1_Click(object sender, RoutedEventArgs e)
{
     NavigationService.GoBack();
}

 

 

위 코딩 처럼 하시면 백 버튼이 적용 되겠습니다.

 

그럼  이동했다가 다시 백 버튼을 눌러서 이전 화면으로

 

이동하는 모습을 보실 수 있습니다.

 

자....잘 되시나요? 않되시면 다시 한번 보시거나

 

저한테 질문 하셔도 됩니다 아니며 재가 현재 연재하는

 

책의 원본을 보시고 다시 하셔도 됩니다.

 

 

 

 

<2탄의 응용편>

 

 

왠 응용이냐구요? 응용을 해야 프로그램

능력이 늘어나요 라고 말하고 싶은데요 ㅋㅋ 책에

내용이 있어서 알차게 다 소개해 드릴려구요 ^^

 

아까 위에서 만들었던 화면에 보시면 화면이 이동되는걸

보셨는데 그것에 대한 응용입니다.

 

무슨 응용 이냐구요? 해당 화면의 제목을 변경되는

아주 재미있는 응용편입니다.

 

 

private void button1_Click(object sender, RoutedEventArgs e)
{
        //Hello World
        // PageTitle.Text = "Hello " + textBox1.Text;
        NavigationService.Navigate(new Uri("/SecondPage.xaml?

        msg="+textBox1.Text,UriKind.Relative));
}

 

 

이렇게 버튼 부분을 수정하시구요 이건 이전과 똑같죠?

 

그리고 다른 한부분을 더 추가하시면 됩니다.

 

 

protected override void onNavigatedTo(System.Windows.Navigation.NavigationEventArgs e)
{
       base.OnNavigatedTo(e);
       string msg = "";
       if (NavigationContext.QueryString.TryGetValue("msg", out msg))
       PageTitle.Text = msg;
}

 

 

자 이렇게 변경해서 돌려보시면 무엇이 바뀌는지

보이시나요?

 

아래 처럼 제목이 바뀌는걸 보실수 있으시죠?

 

하하하..... 

 

 

 

 

자 여러분 이번시간에는 백 버튼과 함께페이지 이동이 되는걸 알아 보았습니다.

 

어떠셨나요? 이제 더 흥미가 생기 시나요?

 

다음시간에는 PANORAMA에 대하여 알아 보도록하겠습니다.

다음 시간까지 더 연습해 보세요 ^^