다음을 통해 공유

.NET MAUI Shell 개요

  • 아티클

Browse sample. 샘플 찾아보기

.NET MAUI(.NET Multi-platform App UI) Shell은 다음을 포함하여 대부분의 앱에 필요한 기본 기능을 제공하여 앱 개발의 복잡성을 줄입니다.

  • 앱의 시각적 계층 구조를 설명하는 단일 위치
  • 일반적인 탐색 사용자 환경입니다.
  • 앱의 모든 페이지를 탐색할 수 있도록 허용하는 URI 기반 탐색 체계
  • 통합된 검색 처리기입니다.

앱 시각적 계층 구조

.NET MAUI Shell 앱에서 앱의 시각적 계층 구조는 클래스를 서브클래싱하는 클래스에 설명되어 있습니다 Shell . 이 클래스는 다음 세 가지 주요 계층적 개체로 구성될 수 있습니다.

  1. FlyoutItem 또는 TabBar. FlyoutItem은(는) 플라이아웃에서 하나 이상의 항목을 나타내며, 앱의 탐색 패턴에 플라이아웃이 필요할 때 사용해야 합니다. TabBar은(는) 하단 탭 표시줄을 표시하며, 앱의 탐색 패턴이 아래쪽 탭으로 시작되고 플라이아웃이 필요하지 않을 때 사용해야 합니다. 플라이아웃 항목에 대한 자세한 내용은 .NET MAUI Shell 플라이아웃을 참조 하세요. 탭 막대에 대한 자세한 내용은 .NET MAUI Shell 탭을 참조 하세요.
  2. Tab. 아래쪽 탭으로 탐색할 수 있는 그룹화된 콘텐츠를 나타냅니다. 자세한 내용은 .NET MAUI Shell 탭을 참조 하세요.
  3. ShellContent- 각 탭의 ContentPage 개체를 나타냅니다. 자세한 내용은 .NET MAUI Shell 페이지를 참조 하세요.

이러한 개체는 사용자 인터페이스를 나타내는 것이 아니라 앱의 시각적 계층 구조를 구성합니다. 셸은 이 개체를 사용하고 콘텐츠에 대한 탐색 사용자 인터페이스를 생성합니다.

참고 항목

페이지는 탐색에 대한 응답으로 Shell 앱에서 요청 시 만들어집니다.

자세한 내용은 .NET MAUI Shell 앱 만들기를 참조 하세요.

.NET MAUI Shell에서 제공하는 탐색 환경은 플라이아웃 및 탭을 기반으로 합니다. 셸 앱의 최상위 탐색 수준은 앱의 탐색 요구 사항에 따라 플라이아웃 또는 아래쪽 탭 표시줄입니다. 다음 예제에서는 최상위 탐색 수준이 플라이아웃인 앱을 보여 줍니다.

Screenshot of a Shell flyout.

이 예제에서는 일부 플라이아웃 항목이 탭 표시줄 항목으로 중복됩니다. 그러나 플라이아웃에서만 액세스할 수 있는 항목도 있습니다. 플라이아웃을 선택하면 항목을 나타내는 아래쪽 탭이 선택되고 표시됩니다.

Screenshot of Shell bottom tabs.

참고 항목

플라이아웃이 열리지 않으면 아래쪽 탭 표시줄을 앱의 최상위 탐색 수준으로 간주할 수 있습니다.

탭 표시줄의 각 탭에는 ContentPage가 표시됩니다. 그러나 아래쪽 탭에 둘 이상의 페이지가 포함되면 위쪽 탭 표시줄을 통해 페이지를 탐색할 수 있습니다.

Screenshot of Shell top tabs.

각 탭 내에서 세부 정보 페이지로 알려진 추가 ContentPage 개체를 탐색할 수 있습니다.

Screenshot of Shell page navigation.

Shell은 설정된 탐색 계층 구조를 따르지 않고도 경로를 사용하여 앱의 모든 페이지로 이동하는 URI 기반 탐색 환경을 사용합니다. 또한 탐색 스택의 모든 페이지를 방문하지 않고도 뒤로 이동할 수 있는 기능을 제공합니다. 자세한 내용은 .NET MAUI Shell 탐색을 참조 하세요.

.NET MAUI Shell에는 클래스에서 제공하는 SearchHandler 통합 검색 기능이 포함되어 있습니다. 검색 기능을 페이지에 추가하려면 서브클래싱된 SearchHandler 개체를 페이지에 추가하면 됩니다. 그러면 검색 상자가 페이지 위쪽에 추가됩니다. 검색 상자에 데이터를 입력하면 검색 제안 영역이 데이터로 채워집니다.

Screenshot of Shell search.

검색 제안 영역에서 결과를 선택할 때 세부 정보 페이지 탐색과 같은 사용자 지정 논리를 실행할 수 있습니다.

자세한 내용은 .NET MAUI Shell 검색을 참조하세요.