스크롤 막대에 대한 지침

Applies to Windows and Windows Phone

표준 스크롤 막대 및 이동 표시기 컨트롤의 모양 샘플

설명

이동과 스크롤을 통해 사용자는 화면 경계를 벗어나 확장된 콘텐츠에 액세스할 수 있습니다.

스크롤 뷰어 컨트롤은 뷰포트에 맞춰질 만큼 많은 콘텐츠와 한두 개 스크롤 막대로 구성됩니다. 터치 제스처를 사용하여 이동 및 확대/축소할 수 있고(스크롤 막대는 조작 중에만 사라짐) 포인터를 사용하여 스크롤할 수 있습니다. 긋기 제스처는 관성을 사용하여 이동합니다.

  • Applies to Windows

Windows: 검색된 입력 장치에 따라 두 가지 이동 표시 모드(터치용 이동 표시기 및 마우스, 터치 패드, 키보드, 스타일러스 등의 기타 입력 장치용 스크롤 막대)가 있습니다.

표준 스크롤 막대 컨트롤을 보여 주는 스크린샷

권장 사항 및 금지 사항

  • 위치 및 크기 신호를 제공하기 위해 이동 표시기와 스크롤 막대를 표시합니다. 사용자 지정 탐색 기능을 제공하는 경우에는 이동 표시기와 스크롤 막대를 숨깁니다.
  • 하나의 뷰포트 경계(세로 또는 가로)를 넘어가는 콘텐츠 영역에는 단일 축 이동을 사용합니다. 두 뷰포트 경계(세로 또는 가로)를 모두 넘어가는 콘텐츠 영역에는 2축 이동을 사용합니다.
  • 목록 상자, 드롭다운 목록, 텍스트 입력 상자, 그리드 보기, 목록 보기, 허브 컨트롤에서 기본 제공 스크롤 기능을 사용합니다. 이러한 컨트롤을 사용하면 항목이 너무 많아 한 번에 모두 표시할 수 없는 경우 사용자가 항목 목록을 가로질러 가로로 또는 세로로 스크롤할 수 있습니다.
  • 사용자가 화면에 맞게 크기 조정된 이미지가 아니라 전체 크기 이미지를 가로질러 이동 및 확대/축소할 수 있게 하려는 경우와 같이 사용자가 더 큰 영역에서 양방향으로 이동하고 확대/축소할 수도 있게 하려면 스크롤 뷰어 내부에 이미지를 배치합니다.
  • 사용자가 긴 텍스트 줄을 스크롤할 경우 세로로만 스크롤하도록 스크롤 뷰어를 구성합니다.
  • 스크롤 뷰어를 사용하여 개체를 하나만 포함합니다. 하나의 개체는 레이아웃 패널이 될 수 있고, 여기에는 고유한 개체가 제한 없이 포함됩니다.

관련 항목

디자이너용
이동에 대한 지침
개발자용(HTML)
터치: 확대/축소 및 이동
개발자용(XAML)
ScrollViewer class
ScrollBar class
빠른 시작: Windows Phone 화면 방향

 

 

표시:
© 2014 Microsoft