다음을 통해 공유

사용자 인터페이스 개요

뛰어난 Windows app 구축한다는 것은 직관적이고 반응성이 뛰어나며 시각적으로 세련된 사용자 인터페이스를 만드는 것을 의미합니다. Windows 플랫폼은 즉시 사용 가능한 컨트롤과 유연한 레이아웃 시스템부터 부드러운 애니메이션 및 창 API에 이르기까지 다양한 UI 구성 요소 집합을 제공하므로 Windows에서 집에서 바로 느낄 수 있는 환경을 만들 수 있습니다.

디자인 원칙, 패턴 및 시각적 지침은 디자인 개요를 참조하세요.

제어

Windows는 Fluent 디자인 언어를 따르는 포괄적인 UI 컨트롤 라이브러리를 제공합니다. 단추, 확인란 및 텍스트 상자와 같은 기본 입력 컨트롤에서 고급 컬렉션 보기, 대화 상자, 메뉴 및 선택기까지 이러한 컨트롤은 모든 앱 인터페이스의 구성 요소를 제공합니다.

컨트롤 시작하기

Layout

레이아웃 패널 및 연결된 레이아웃을 사용하면 다양한 화면 크기 및 방향에 맞게 UI 요소를 정렬할 수 있습니다. StackPanel, Grid 및 RelativePanel과 같은 기본 제공 패널을 사용하거나 특수 시나리오에 대한 사용자 지정 패널을 만듭니다. 변환 및 3차원 원근 효과는 확장된 유연성을 제공합니다.

레이아웃 패널에 대해 알아보기

사용자가 뒤로 탐색, 탐색 기록 및 페이지-페이지 전환과 같은 탐색 패턴을 사용하여 앱을 이동할 수 있도록 도와줍니다. NavigationView, BreadcrumbBar 및 TabView와 같은 탐색 컨트롤을 사용하여 명확하고 일관된 탐색 구조를 만듭니다.

탐색 기능 탐색

Motion

동작은 앱에 생명을 불어넣고 사용자가 상호 작용할 때 연속성을 만듭니다. 페이지 전환, 연결된 애니메이션, 시차 효과 및 XAML 애니메이션을 사용하여 시각적 피드백을 제공하고 주의를 안내합니다.

동작 탐색

Windowing

창 API를 사용하면 앱 창을 관리하고, 제목 표시줄을 사용자 지정하고, 앱이 화면에 표시되는 방식을 제어할 수 있습니다. AppWindow 클래스 및 관련 API를 사용하여 다중 창 환경을 만들거나, 전체 화면으로 이동하거나, 컴팩트 오버레이를 구현합니다.

창에 대해 알아보기

  • Last updated on