[Windows/UWP] UWP 페이지 이동, 백버튼

작업환경  Windows 10 Pro  Visual Studio 2017

관련 내용...

https://docs.microsoft.com/ko-kr/windows/uwp/layout/navigate-between-two-pages

1. 준비작업

- 프로젝트 생성 (프로젝트 이름을 NavApp1로 함)

- Page01, Page02 추가.

- App.xml.cs 에 시작 페이지를 MainPage에서 Page01로 수정 OnLaunched() 

2. Page01 수정

Page01.xml

- TextBlock에 Page 이름을 표시

- StackPanel을 추가

- StackPanel에 TextBlock 추가 (Text="Enter Text")

- StackPanel에 TextBox 추가, Page02로 넘길 텍스트를 저장한다. (Width=200)

- HyperlinkButton을 추가 하고 Click 되면 수행할 함수를 지정한다.

Page01.xml.cs

- HyperlinkButton 을 누르면 작동하는 버튼 이벤트.

- Ftame.Navigate() 함수로 한다.

3. Page02 수정

Page02.xml

- TextBlock에 Page 이름 추가

- HyperlinkButton 을 추가 하고 Click 되면 수행할 함수 지정

- Page01에서 오는 문자를 출력할  TextBlock 지정

Page02.xml.cs

- OnNavigatedTo() 함수 오버라이딩

https://msdn.microsoft.com/ko-kr/library/system.windows.controls.page.onnavigatedto(v=vs.95).aspx

- Page01에서 호출 할 때 보낸 데이터를 greeting에 출력함.

- HyperlinkButton이 눌리면 Page01로 이동

4. 결과

5. 백버튼 추가.

Page02에서 Page01로 돌아올 때 백버튼을 활성화 시켜서 눌러서 동작하게 함.

https://docs.microsoft.com/ko-kr/windows/uwp/layout/navigation-history-and-backwards-navigation

- App.xml.cs에 Windows.UI.Core 추가.

- 백버튼이 눌렸을 때 진행되는 콜백 함수.

- Frame.GoBack() 함수 사용.

- OnLaunched()에 SystemNavigationManager에 함수 등록.

- Page02.xml.cs에서 버튼 활성화

- OnNavigatedTo() 함수에서 처리....

- 프로그램 빌드 후 Page02로 넘어가면 앱 상단 왼쪽에 백 버튼이 활성화 된걸 볼 수 있음.