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

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

---

4.1.2 Hyperlink 사용하기

 WPF 응용에서 하나의 페이지에서 다른 페이지로 이동을 하는 가장 단순한 방법으로 Hyperlink를 제공하고 있습니다. Hyperlink에는 NavigateUri 속성이 있는데 속성 값을 원하는 페이지로 설정을 할 수 있습니다.

 먼저 브라우저에서 호스팅되는 응용 프로그램 프로젝트 템플릿을 선택하세요.

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

 

 그리고 Page를 추가하세요. 그리고 새로 추가한 Page2.xaml에 TextBlock을 추가하여 Text 속성을 Page2로 설정하세요.

 

Page2.xaml

<Page x:Class="Ex_Hyperlink.Page2"       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_Hyperlink"       mc:Ignorable="d"       d:DesignHeight="300" d:DesignWidth="300"       Title="Page2">       <Grid>         <TextBlock Text="Page2"/>     </Grid> </Page>

 

 그리고 Page1에는 Page2로 이동할 수 있는 Hyperlink를 추가하여 테스트 할 거예요. 먼저 Grid 요소를 StackPanel로 변경하세요. 컨트롤을 배치할 수 있는 레이아웃에 관한 사항은 5장에서 다룰 거예요. 그리고 아래처럼 Page1임을 확인할 수 있게 TextBlock 요소를 추가하세요. 또한 TextBlock 요소를 하나 더 추가한 후에 내부에 Hyperlink 요소를 추가하고 NaviageUri를 Page2.xaml로 설정하세요.

Page1.xaml

<Page x:Class="Ex_Hyperlink.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_Hyperlink"       mc:Ignorable="d"       d:DesignHeight="300" d:DesignWidth="300"       Title="Page1">     <StackPanel>         <TextBlock Text="여기는 Page1"/>         <TextBlock >             <Hyperlink NavigateUri="Page2.xaml">Page2로 이동</Hyperlink>         </TextBlock>     </StackPanel> </Page>

 

 이제 실행한 후에 확인해 보시면 “Page2로 이동” 하이퍼 링크를 누르면 Page2.xaml로 이동하는 것을 확인할 수 있습니다.

[그림 4.4] Page1에서 하이퍼링크에 의해 Page2로 이동

---

관련 게시글

[WPF] 4. 탐색 - 4.1.1 Page

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

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

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

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

실습 파일

Ex_Hyperlink.zip