[WPF] 4. 탐색 - 4.1.1 Page

4. 탐색

---

 

 Window는 복잡한 응용을 효과적으로 사용할 수 있게 하기 위해서 다양한 방법의 탐색을 지원합니다. WPF에서는 Page, Hyperlink, NavigationSever, 저널 등을 제공하고 있습니다.

 

4.1 탐색을 위해 제공하는 것들

 

 WPF 응용 프로그램을 개발함에 있어서 하나의 콘텐츠에 대해 사용자와 상호 작용을 할 수 있는 패키지를 만드는 방법 중에 가장 단순하고 편리한 방법이 Page를 사용하는 것입니다.

 

4.1.1 Page

 Page의 경우에는 브라우저에서 호스팅되는 응용에서 많이 사용되며 독립 실행 가능한 응용에서 Frame과 함께 사용할 수 있습니다. Page는 브라우저에서 호스팅되는 응용을 예로 설명할게요.

 

 브라우저에서 호스팅되는 응용 프로그램을 만들기 위해서는 프로젝트 템플릿 항목에서 [WPF 브라우저 응용 프로그램]을 선택하세요.  독립 실행 가능한 응용 프로그램에서는 Application에서 파생한 App과 Window에서 파생한 Window1에 대해 제공을 하는데 브라우저에서 호스팅 가능한 응용 프로그램은 Window를 대신해서 Page에서 파생한 Page1에 대해 제공을 하고 있습니다.

 

[그림 4.1] WPF 브라우저 응용 프로그램 프로젝트 생성 

 

App.xaml

<Application x:Class="Ex_TestPage.App"              xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"              xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"              xmlns:local="clr-namespace:Ex_TestPage"              StartupUri="Page1.xaml">     <Application.Resources>             </Application.Resources> </Application>

 

 App.xaml을 보시면 StartupUri에 설정된 값이 Page1.xaml로 바뀐 것을 알 수 있습니다. 그리고 Page1.xaml도 Window1.xaml의 시작 태그가 Window였던 것이 Page로 바뀐 것을 알 수 있어요.

 

Page1.xaml

<Page x:Class="Ex_TestPage.Page1"       xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"       xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"       xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"       xmlns:d="http://schemas.microsoft.com/expression/blend/2008"       xmlns:local="clr-namespace:Ex_TestPage"       mc:Ignorable="d"       d:DesignHeight="300" d:DesignWidth="300"       Title="Page1">     <Grid>             </Grid> </Page>

  

 물론, Page1.xaml.cs를 보시면 Window에서 파생한 Window1대신 Page에서 파생한 Page1을 확인하실 수 있습니다. 이와 같이 디폴트로 만들어진 프로젝트를 실행해 보면 인터넷 익스플로러가 실행되면서 비어있는 페이지가 보이는 것을 확인하실 수 있습니다.

 

[그림 4.2] 브라우저 응용 실행화면

 

 정상적으로 동작하지 않으시면 인터넷 익스플로러의 [인터넷 옵션]=>[보안 탭]=>[사용자 설정]에서 XAML 브라우저 응용 항목을 사용 가능으로 변경하시기 바랍니다. 그리고 합 개발 환경을 관리자 권한으로 실행해 보세요. IIS가 설치되어 있는 경우에는 게시한 후에 확인하실 수도 있습니다.

---

관련 게시글

[WPF] 4. 탐색 - 4.1.2 Hyperlink 사용하여 페이지 이동

[WPF] 4. 탐색 - 4.1.3 Frame 이용하기

[WPF] 4. 탐색 - 4.1.4 NavigationService 이용하기

[WPF] 4. 탐색 - 4.2 PageFunction을 이용한 구조적 탐색

[WPF] 4. 탐색 - 4.3 탐색 종합 세트, 마법사