윈폰 매뉴얼

4-3-1.하이퍼 링크

하이퍼 링크 버튼은 Button과 형제 관계이며 사용하는 방법도 거의 비슷하다. 그러나 모양은 완전히 다른데 테두리 없이 문자열로만 되어 있고 캡션에 밑줄이 그어져 누를 수 있는 링크임을 표시한다. 테두리가 없으므로 버튼에 비해서는 크기가 작다. 속성은 대부분 ButtonBase로부터 물려 받으며 다음 두 개의 고유 속성을 가진다.

속성	설명
NavigateUri	버튼을 클릭했을 때 이동할 주소를 지정한다. 앱 내부의 상대주소일 수도 있고 외부의 절대 주소일 수도 있다.
TargetName	웹 페이지를 열 윈도우나 프레임을 지정한다. 또는 앱 내에서 이동할 객체를 지정한다.

이 속성들은 클릭했을 때 이동할 주소를 지정한다. 별다른 코드가 없어도 링크로 이동하는 것은 자동으로 수행되므로 이 경우는 이벤트 핸들러를 작성할 필요가 없다. 이 두 속성 외에는 Button과 사용하는 방법이 거의 비슷하다. Content 속성으로 캡션을 표시하고 클릭 이벤트를 처리한다.

HyperTest

<HyperlinkButton Name="btnMessage" Content="MessageBox"

Click="btnMessage_Click" />

<HyperlinkButton Name="btnHere" Content="여기"

Click="btnHere_Click" />

</StackPanel>

<HyperlinkButton Name="btnWeb" Content="Microsoft"

NavigateUri="http://www.microsoft.com" TargetName="_blank"/>

</StackPanel>

</Grid>

================================== CS =======================================

private void btnMessage_Click(object sender, RoutedEventArgs e)

{

MessageBox.Show("버튼을 클릭하였습니다.");

}

private void btnHere_Click(object sender, RoutedEventArgs e)

{

MessageBox.Show("메뉴얼을 참고하시오.");

}

스택 패널에 세 개의 하이퍼링크 버튼을 배치했다. 캡션에는 모두 밑줄이 그어져 문자열만 표시하는 텍스트 블록과는 다름을 분명히 표시한다.

첫 번째 하이퍼링크 버튼은 앞 예제의 버튼과 기능이 동일하다. Content로 캡션을 지정하며 클릭 이벤트 핸들러에서 메시지 박스를 열었다. 버튼과 기능은 동일하지만 화면에서 차지하는 면적이 작다는 것이 장점이다. 가로로 긴 문자열 중 일부에 하이퍼링크 버튼을 배치하여 문장 내에 링크를 걸 수도 있다. 가운데 줄은 수평 스택 패널에 텍스트 블록으로 안내문을 출력하되 링크가 필요한 부분만 하이퍼링크 버튼을 배치했다.

"여기" 링크를 클릭하면 도움말을 보여준다. 예제에서는 이벤트 핸들러가 호출된다는 것을 확인하기 위해 메시지 박스로 도움말을 대신했는데 도움말을 출력하는 페이지로 이동한다거나 미리 작성된 HTML 문서를 웹 브라우저 뷰에 출력하여 진짜 도움말을 보여줄 수도 있다. 중요한 것은 링크를 클릭할 때 이벤트가 발생한다는 점이다.

웹의 링크와 마찬가지로 외부 웹 사이트로도 링크를 걸 수 있다. 클릭했을 때 이동할 웹 사이트를 NavigateUri 속성에 지정하고 사이트를 열 위치를 TargetName 속성에 지정한다. TargetName 속성은 HTML <A> 태그의 TARGET 속성과 동일하다. "_blank"로 주면 새로운 빈 페이지를 열어 이동한다. 이 버튼을 누르면 에뮬레이터에 내장된 브라우저가 실행되면서 마이크로소프트 사이트로 이동한다. 프로그램 제작사 홈페이지로 연결할 때 아주 유용하다.

이 외에 하이퍼링크는 앱 내부의 페이지 사이를 이동하는 중요한 기능을 제공한다. 앱은 여러 개의 페이지로 구성되며 페이지 사이를 이동하며 실행되는데 하이퍼링크의 NavigateUri 속성에 이동할 페이지의 경로를 지정하면 된다. 아직 페이지 여러 개로 구성된 예제를 만들 단계는 아니며 그 전에 더 알아야 할 것이 많으므로 여기서는 하이퍼링크 버튼의 기본 기능만 구경해 보고 페이지 내비게이션 기능은 다음에 연구해 보자.