탐색 토폴로지 개요

이 개요에서는 WPF의 탐색 토폴로지에 대해 소개합니다. 세 가지 일반적인 탐색 토폴로지를 샘플과 함께 차례로 설명합니다.

이 항목에는 다음과 같은 섹션이 포함되어 있습니다.

• 탐색 토폴로지

• 구조적 탐색 토폴로지

• 고정 선형 토폴로지 탐색

• 고정 계층적 토폴로지 동적 탐색

• 동적으로 생성된 토폴로지 탐색

탐색 토폴로지

WPF에서 탐색은 일반적으로 클릭하면 다른 페이지로 이동하는 하이퍼링크(Hyperlink)가 있는 페이지(Page)로 구성됩니다. 탐색되는 페이지는 URI(Uniform Resource Identifier)에 의해 식별됩니다(WPF의 Pack URI 참조). 다음과 같이 페이지, 하이퍼링크 및 URI(Uniform Resource Identifier)를 보여 주는 간단한 예제를 살펴보겠습니다.

<Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" WindowTitle="Page1">
  <Hyperlink NavigateUri="Page2.xaml">Navigate to Page2</Hyperlink>
</Page>

<Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" WindowTitle="Page2">
  <Hyperlink NavigateUri="Page1.xaml">Navigate to Page1</Hyperlink>
</Page>

이 페이지는 페이지 간 탐색 방법에 따라 구조가 결정되는 탐색 토폴로지에 정렬되어 있습니다. 이 특정 탐색 토폴로지는 간단한 시나리오에 적합하지만 탐색은 더 복잡한 토폴로지를 필요로 하며 그중 일부는 애플리케이션이 실행 중일 때만 정의할 수 있습니다.

이 항목에서는 세 가지 일반적인 탐색 토폴로지인 고정 선형, 고정 계층적 및 동적 생성 탐색 토폴로지에 대해 설명합니다. 각 탐색 토폴로지는 다음 그림과 같이 UI가 있는 샘플과 함께 보여 줍니다.

데이터 항목 및 탐색 단추가 있는 작업 페이지.

구조적 탐색 토폴로지

탐색 토폴로지는 광범위하게 두 가지로 구분됩니다.

• 고정 토폴로지: 컴파일 시 정의되며 런타임 시 변경되지 않습니다. 고정 토폴로지는 선형 순서 또는 계층적 순서로 고정된 페이지 시퀀스를 탐색하는 데 유용합니다.

• 동적 토폴로지: 사용자, 애플리케이션 또는 시스템에서 수집한 입력을 기반으로 런타임 시 정의됩니다. 동적 토폴로지는 페이지를 다른 시퀀스로 탐색할 수 있을 때 유용합니다.

페이지를 사용하여 탐색 토폴로지를 만들 수도 있지만 샘플에서는 페이지 함수를 사용하는데 이 기능이 토폴로지의 페이지를 통해 데이터를 전달하고 반환하는 지원을 단순화하는 추가 지원을 제공하기 때문입니다.

고정 선형 토폴로지 탐색

고정 선형 토폴로지는 고정된 시퀀스로 탐색되는 하나 이상의 마법사 페이지가 있는 마법사의 구조와 유사합니다. 다음 그림에서는 고정 선형 토폴로지를 사용하는 마법사의 상위 수준 구조와 흐름을 보여 줍니다.

고정 선형 토폴로지를 표시하는 다이어그램.

고정 선형 토폴로지를 탐색하는 일반적인 동작은 다음과 같습니다.

• 호출 페이지에서 마법사를 초기화하고 첫 번째 마법사 페이지로 이동하는 시작 프로그램 페이지로 이동합니다. 호출 페이지가 첫 번째 마법사 페이지를 직접 호출할 수 있기 때문에 시작 페이지(UI가 없는 PageFunction<T>)는 필요하지 않습니다. 그러나 시작 페이지를 사용하면 특히 초기화가 복잡한 경우 마법사 초기화를 단순화할 수 있습니다.

• 사용자는 뒤로 및 앞으로 단추(또는 하이퍼링크)를 사용하여 페이지 사이를 탐색할 수 있습니다.

• 사용자는 저널을 사용하여 페이지 간을 이동할 수 있습니다.

• 사용자는 [취소] 단추를 눌러 마법사 페이지에서 마법사를 취소할 수 있습니다.

• 사용자는 [마침] 단추를 눌러 마지막 마법사 페이지에서 마법사를 승인할 수 있습니다.

• 마법사가 취소되면 적절한 결과를 반환하며 데이터는 반환하지 않습니다.

• 사용자가 마법사를 승인하면 마법사가 적절한 결과와 수집한 데이터를 반환합니다.

• 마법사가 완료되면(승인 또는 취소) 마법사가 구성하는 페이지가 저널에서 제거됩니다. 이렇게 하면 마법사의 각 인스턴스가 격리되어 잠재적인 데이터 또는 비정상 상태를 피할 수 있습니다.

고정 계층적 토폴로지 동적 탐색

일부 애플리케이션에서는 다음 그림과 같이 페이지에서 두 개 이상의 다른 페이지를 탐색할 수 있습니다.

여러 페이지를 탐색할 수 있는 페이지를 보여주는 다이어그램.

이 구조는 고정 계층적 토폴로지로 알려져 있으며 계층 구조가 통과되는 시퀀스는 종종 애플리케이션이나 사용자에 의해 런타임 시 결정됩니다. 런타임 시 두 개 이상의 다른 페이지를 탐색할 수 있는 계층 구조의 각 페이지는 탐색할 페이지를 결정하는 데 필요한 데이터를 수집합니다. 다음 그림은 앞의 그림을 기반으로 몇 가지 가능한 탐색 시퀀스 중 하나를 보여 줍니다.

가능한 탐색 순서를 표시하는 다이어그램.

고정 계층적 구조의 페이지를 탐색하는 시퀀스가 런타임에 결정되더라도 사용자 환경은 고정 선형 토폴로지의 사용자 환경과 동일합니다.

• 호출 페이지에서 마법사를 초기화하고 첫 번째 마법사 페이지로 이동하는 시작 프로그램 페이지로 이동합니다. 호출 페이지가 첫 번째 마법사 페이지를 직접 호출할 수 있기 때문에 시작 페이지(UI가 없는 PageFunction<T>)는 필요하지 않습니다. 그러나 시작 페이지를 사용하면 특히 초기화가 복잡한 경우 마법사 초기화를 단순화할 수 있습니다.

• 사용자는 뒤로 및 앞으로 단추(또는 하이퍼링크)를 사용하여 페이지 사이를 탐색할 수 있습니다.

• 사용자는 저널을 사용하여 페이지 간을 이동할 수 있습니다.

• 사용자는 저널을 탐색할 때 탐색 시퀀스를 변경할 수 있습니다.

• 사용자는 [취소] 단추를 눌러 마법사 페이지에서 마법사를 취소할 수 있습니다.

• 사용자는 [마침] 단추를 눌러 마지막 마법사 페이지에서 마법사를 승인할 수 있습니다.

• 마법사가 취소되면 적절한 결과를 반환하며 데이터는 반환하지 않습니다.

• 사용자가 마법사를 승인하면 마법사가 적절한 결과와 수집한 데이터를 반환합니다.

• 마법사가 완료되면(승인 또는 취소) 마법사가 구성하는 페이지가 저널에서 제거됩니다. 이렇게 하면 마법사의 각 인스턴스가 격리되어 잠재적인 데이터 또는 비정상 상태를 피할 수 있습니다.

동적으로 생성된 토폴로지 탐색

일부 애플리케이션에서 두 개 이상의 페이지를 탐색하는 시퀀스는 런타임 시 사용자, 애플리케이션 또는 외부 데이터에 의해서만 결정될 수 있습니다. 다음 그림은 탐색 시퀀스가 결정되지 않은 페이지 집합을 보여 줍니다.

결정되지 않은 탐색 시퀀스가 있는 페이지 집합.

다음 그림은 런타임 시 사용자가 선택한 탐색 시퀀스를 보여 줍니다.

런타임에 선택한 탐색 순서를 보여주는 다이어그램.

탐색 시퀀스를 동적으로 생성된 토폴로지라고 합니다. 다른 탐색 토폴로지와 마찬가지로 사용자의 환경은 이전 토폴로지의 경우와 같습니다.

• 호출 페이지에서 마법사를 초기화하고 첫 번째 마법사 페이지로 이동하는 시작 프로그램 페이지로 이동합니다. 호출 페이지가 첫 번째 마법사 페이지를 직접 호출할 수 있기 때문에 시작 페이지(UI가 없는 PageFunction<T>)는 필요하지 않습니다. 그러나 시작 페이지를 사용하면 특히 초기화가 복잡한 경우 마법사 초기화를 단순화할 수 있습니다.

• 사용자는 뒤로 및 앞으로 단추(또는 하이퍼링크)를 사용하여 페이지 사이를 탐색할 수 있습니다.

• 사용자는 저널을 사용하여 페이지 간을 이동할 수 있습니다.

• 사용자는 [취소] 단추를 눌러 마법사 페이지에서 마법사를 취소할 수 있습니다.

• 사용자는 [마침] 단추를 눌러 마지막 마법사 페이지에서 마법사를 승인할 수 있습니다.

• 마법사가 취소되면 적절한 결과를 반환하며 데이터는 반환하지 않습니다.

• 사용자가 마법사를 승인하면 마법사가 적절한 결과와 수집한 데이터를 반환합니다.

• 마법사가 완료되면(승인 또는 취소) 마법사가 구성하는 페이지가 저널에서 제거됩니다. 이렇게 하면 마법사의 각 인스턴스가 격리되어 잠재적인 데이터 또는 비정상 상태를 피할 수 있습니다.

참고 항목

• Page
• PageFunction<T>
• NavigationService
• 구조적 탐색 개요