XAML 페이지 간 이동 : Windows Phone 7.5 Mango 응용 프로그램 개발 - 파트 21

Windows Phone 7.5 Mango App 개발 시리즈로 돌아온 것을 환영합니다. 마지막 자습서에서는 컨트롤에 스타일과 테마를 적용하는 방법에 대해 설명합니다.이 자습서에서는 페이지 간을 이동하고 페이지간에 데이터를 전달하는 방법을 보여줍니다.

Silverlight 응용 프로그램에서 HTML을로드하는 것과 마찬가지로 XAML 페이지를로드합니다 웹 브라우저의 페이지 웹 사이트에서와 마찬가지로 각 웹 사이트에는 www.thewindowsclub.com과 같은 고유 한 URL (Unified Resource Locator)이 있습니다. Windows Phone 7.5 응용 프로그램에서는 하이퍼 링크 Button 컨트롤을 사용하고 NavigateURI 속성을로드 할 XAML 페이지의 URI (Unified Resource Identifier)와 함께 사용합니다. 이제 예제를 시작하겠습니다.

`NavigationDemo`와 같이 고유 한 이름으로 새 프로젝트를 만듭니다. 그런 다음 솔루션 탐색기에서 프로젝트 이름을 마우스 오른쪽 단추로 클릭하고 추가를 클릭 한 다음 새 항목을 선택하십시오. Add New Item 창에서 `Windows Phone Portrait page`를 선택하고 Page1.xaml과 같은 이름을 지정하고 하단의 추가 버튼을 클릭하십시오. 이렇게하면 주 디자인 영역의 별도 탭에 새 페이지가 만들어집니다. 명확하게하기 위해 페이지 제목 TextBlock의 Text 속성을 변경하여 새 페이지의 페이지 제목을 `새 페이지`로 변경하십시오. 다음으로 MainPage.xaml 탭에서 디자인 영역에 하이퍼 링크 단추를 끌어다 놓습니다. 이제 하이퍼 링크 버튼에 대한 속성 창에서 NavigateUri 속성을 변경하십시오. 다음 문자열을 삽입하십시오.

/NavigationDemo;component/Views/Page1.xaml

이제 응용 프로그램을 실행하고 에뮬레이터에 표시된 하이퍼 링크 단추를 클릭하십시오. MainPage.xaml에서 Page1.xaml로 이동합니다.

한 페이지에서 다른 페이지로 정보를 보내려면 Querystring을 사용하십시오. www.abcxyz.com/images.aspx?id=3&language=en과 같은 URL을 고려해보십시오. 여기서 물음표 뒤의 모든 것을 쿼리 문자열이라고합니다. id = 3 및 languae = en의 두 가지 이름 값 쌍이 있다는 것을 알 수 있습니다. 앰퍼샌드를 사용하면 다른 정보 (이 경우 ID 및 언어)를 추가 할 수 있습니다.

이제 프로젝트를 계속 진행하면서 Page1.xaml 페이지에서 TextBlock을 끌어 놓습니다. TextBlock.Text 속성을 지우고 PhoneApplicationPage_Loaded 이벤트에 다음 C # 코드를 삽입하십시오.

textBlock1.Text = String.Format ("Value: {0}", NavigationContext.QueryString ["id"]);

So 이 코드에서는 NavigationContext를 사용하여 URL, 특히 쿼리 문자열에 대한 액세스를 제공합니다. 액세스 할 항목을 대괄호로 지정합니다.

응용 프로그램을 실행하기 전에 하이퍼 링크 버튼의 NavigateUri 속성을 다음과 같이 변경합니다.

/NavigationDemo;component/Views/Page1.xaml?id = 1

MainPage.xaml의 다른 하이퍼 링크 버튼을 드래그 앤 드롭하고 navigateUri 속성을 다음과 같이 설정합니다.

/NavigationDemo;component/Views/Page1.xaml?id=2

이제 애플리케이션을 실행하고 에뮬레이터에서 하이퍼 링크 버튼을 클릭하면 MainPage.xaml에서 전달 된 ID의 값을 볼 수 있습니다. Windows Phone 7 응용 프로그램에서 페이지를 쉽게 탐색하는 방법입니다. 그것이 올바르게 될 때까지 계속 연습하십시오. 이제 응용 프로그램 막대 작업에 대해 배울 수 있습니다.