언어: HTML | XAML

앱 바 추가(C#/VB/C++ 및 XAML을 사용하는 Windows 런타임 앱)

Applies to Windows and Windows Phone

앱 바를 사용하여 탐색, 명령 및 도구를 사용자에게 제공할 수 있습니다. 앱 바는 기본적으로 숨겨져 있으며 사용자가 화면의 아래쪽 가장자리를 손가락으로 살짝 밀거나 마우스 오른쪽 단추로 클릭하면 나타납니다. 앱 바에는 응용 프로그램의 콘텐츠가 포함되며, 사용자가 가장자리를 살짝 밀거나 응용 프로그램과 상호 작용하여 해제할 수 있습니다. 앱 바는 가장자리 살짝 밀기에 자동으로 응답하며 프로그래밍 방식으로 표시하거나 숨길 수 있습니다.

하단 앱 바 컨트롤

XAML 프레임워크는 가장자리를 살짝 밀 때 화면의 위쪽 또는 아래쪽 가장자리에 나타나는 UI를 쉽게 표시하도록 해 주는 CommandBarAppBar 컨트롤을 제공합니다.

AppBarButton, AppBarToggleButtonAppBarSeparator 컨트롤만 포함된 앱 바가 필요할 때는 CommandBar를 사용합니다. CommandBar의 다음 기능을 통해 기본 앱 바를 간편하제 만들 수 있습니다.

  • 오른쪽의 기본 명령과 왼쪽의 보조 명령이 포함된 명령 자동 레이아웃
  • 앱 크기가 변경될 경우 앱 바 명령 자동 크기 조정

이미지, 진행률 표시줄 또는 텍스트 블록 같은 더 복잡한 콘텐츠가 필요할 경우 AppBar 컨트롤을 사용하세요. 사용자 지정 콘텐츠와 함께 AppBar를 사용하여 도구 또는 탐색 UI의 표시줄을 만들 수 있습니다. 명령을 AppBar 컨트롤에 배치할 경우 스크린 크기가 변경됨에 따라 AppBar 콘텐츠의 크기를 조정하고 다시 정렬해야 합니다.

앱 바를 디자인하는 방법에 대한 자세한 내용은 앱 바에 대한 지침을 참조하세요.

앱 바 및 Windows 8의 다른 주요 기능을 수행하려면 Windows 8 실습(영문)을 다운로드하세요. 이러한 랩은 선택한 프로그래밍 언어(JavaScript 및 HTML 또는 C# 및 XAML)로 샘플 Windows 스토어 앱을 만들 수 있는 모듈식 단계별 소개를 제공합니다.

이 조항의 내용

항목설명

빠른 시작: 앱 바 추가

앱 바를 사용하여 필요하지 않을 때 숨길 수 있는 탐색, 명령 및 도구를 표시할 수 있습니다.

빠른 시작: 앱 바 단추 추가

앱 바의 명령은 일반적으로 둥근 단추, 아이콘 및 텍스트 레이블이 있는 특수한 스타일을 사용하여 표시됩니다. AppBarButton, AppBarToggleButtonAppBarSeparator 컨트롤을 사용하여 적절한 디자인 지침 및 동작을 반영하는 앱 바를 더 쉽게 만들 수 있습니다.

여러 다른 크기로 앱 바를 사용하는 방법

사용자가 앱의 너비를 더 좁히면 명령을 표시할 만한 가로 공간이 충분하지 않습니다. 앱 바에 단추가 많은 경우 약간 조정하여 단추가 더 좁은 너비에서 올바르게 표시되도록 해야 합니다.

앱 바에 상황별 명령을 추가하는 방법

사용자 선택 또는 탐색을 기반으로 앱 바에 명령을 추가합니다.

앱 바에 메뉴를 추가하는 방법

앱 바에 관련 명령 집합을 추가하려면 메뉴를 사용합니다.

여러 페이지에서 앱 바를 공유하는 방법

앱의 여러 관련 페이지에서 하나의 앱 바를 사용합니다.

AppBar 스타일 및 템플릿

이 항목에서는 AppBar 컨트롤에 대한 스타일 및 템플릿에 대해 설명합니다.

CommandBar 스타일 및 템플릿

이 항목에서는 CommandBar 컨트롤에 대한 스타일 및 템플릿에 대해 설명합니다.

AppBarButton 스타일 및 템플릿

이 항목에서는 AppBarButton 컨트롤에 대한 스타일 및 템플릿에 대해 설명합니다.

AppBarToggleButton 스타일 및 템플릿

이 항목에서는 AppBarToggleButton 컨트롤에 대한 스타일 및 템플릿에 대해 설명합니다.

AppBarSeparator 스타일 및 템플릿

이 항목에서는 AppBarSeparator 컨트롤에 대한 스타일 및 템플릿에 대해 설명합니다.

AppBar 단추 스타일 이미지

StandardStyles.xaml에 포함된 AppBar 단추 스타일의 이미지입니다.

 

관련 항목

컨트롤 및 콘텐츠 추가
디자이너용
탐색 패턴
명령 패턴
레이아웃
허브
아래쪽 앱 바
맨 위 앱 바
뒤로 단추
앱 바에 대한 지침
허브 컨트롤에 대한 지침
앱 바에 접근성 구현
개발자용(C#/VB/C++ 및 XAML로 작성한 Windows 스토어 앱)
첫 번째 앱 - 3부: 탐색, 레이아웃 및 보기
첫 번째 앱 - C++ Windows 스토어 앱에서 탐색 및 보기 추가(자습서 3/4)
페이지 간 이동
Windows.UI.Xaml.Controls AppBar class
Windows.UI.Xaml.Controls CommandBar class
Windows.UI.Xaml.Controls Hub class
XAML AppBar 컨트롤 샘플
XAML 탐색 샘플
XAML 허브 컨트롤 샘플

 

 

표시:
© 2014 Microsoft