정보
요청한 주제가 아래에 표시됩니다. 그러나 이 주제는 이 라이브러리에 포함되지 않습니다.

대칭 이동 뷰 컨트롤에 대한 지침(Windows 스토어 앱)

표준 대칭 이동 뷰 컨트롤의 모양 샘플

설명

대칭 이동 뷰 컨트롤을 사용하면 앱의 보기 또는 앨범 사진과 같은 컬렉션 항목을 한 번에 하나씩 전환할 수 있습니다. 그러면 개별 항목을 보면서 컬렉션 전체를 탐색할 수 있습니다.

예제

표준 대칭 이동 뷰 컨트롤을 보여 주는 스크린샷

올바른 컨트롤입니까?

대칭 이동 뷰 컨트롤을 사용하면 보기 또는 항목을 한 번에 하나씩 전환할 수 있습니다. 전환 단추는 마우스로 가리키면 나타나고, 다음 항목이나 이전 항목으로 전환할 수 있습니다.

FlipView 컨트롤의 이미지

상황 표시 컨트롤을 추가하여 특정 항목으로 직접 건너뛸 수 있게 만들 수도 있습니다.

FlipView 컨트롤이 있는 상황 표시 컨트롤의 이미지

권장 사항 및 금지 사항

  • 대칭 이동 뷰 컨트롤을 사용하여 다음 작업을 수행할 수 있습니다.
    • 작은 규모의 관련 항목 컬렉션(항목 10개 미만)의 항목 간에 전환합니다. 예를 들어 쇼핑 앱에서 제품 세부 정보 페이지에 제품 이미지를 여러 개 표시할 수 있습니다. 작은 컬렉션에 상황 표시 컨트롤을 사용할 수 있지만 꼭 필요하지 않은 경우도 종종 있습니다.

    • 중간 규모의 관련 항목 컬렉션(10-25개 항목)의 항목 간에 전환합니다. 예를 들어 부동산 앱에서 집의 방과 보기를 소개하는 여러 이미지를 표시할 수 있습니다. 이 중간 크기 목록의 경우에는 특정 사진으로 건너뛸 수 있도록 미리 보기 필름과 같은 상황 표시 컨트롤을 포함시킵니다.

    • 응용 프로그램의 보기 간에 전환합니다. 예를 들어 앱 시작 관리자에는 사용자의 즐겨찾기를 그리드로 표시하는 보기와 목록으로 표시하는 보기가 모두 있을 수 있습니다. 대칭 이동 뷰 컨트롤을 추가하여 사용자가 보기 간에 탐색하도록 할 수 있습니다.

  • 컬렉션의 항목이 컬렉션 내 사용자 위치를 확인하는 데 충분한 정보를 제공하지 않는 경우 상황 표시를 사용합니다. 요일 대칭 이동 뷰에는 상황 표시가 필요 없지만 제품 이미지 대칭 이동 뷰에는 상황 표시가 필요합니다.

  • 컬렉션 내 현재 항목 위치를 사용자에게 알립니다. 상황 표시를 사용하여 컬렉션 크기 및 컬렉션의 다른 항목과 관련해서 현재 항목 위치를 사용자에게 알릴 수 있습니다.

  • 항목 수와 특정 시나리오에 적합하게 표시를 조정합니다. 작은 규모 컬렉션의 경우 상황 표시에 전체 컬렉션을 표시할 수 있습니다. 중간 규모 컬렉션의 경우 한 번에 5개씩만 표시 등으로 지정할 수 있습니다. 시각적 컬렉션의 경우 미리 보기를 표시할 수 있습니다. 텍스트 기반 컬렉션의 경우 원하는 글자로 이동할 수 있도록 알파벳을 표시하는 것이 좋습니다.

  • 사용자가 특정 항목으로 이동할 수 있도록 합니다. 사용자가 현재 위치와 이동하려는 위치를 항상 제어할 수 있게 해야 합니다.

  • 큰 규모 컬렉션에는 대칭 이동 뷰 컨트롤을 사용하지 마세요. 항목을 전환하는 반복적인 동작이 사용자에게 짜증을 일으킬 수 있습니다. 대신, 다음 중 하나를 사용합니다.

관련 항목

디자이너용
ListView 컨트롤에 대한 지침
개발자용(JavaScript 및 HTML로 작성한 Windows 스토어 앱)
FlipView 컨트롤 추가
빠른 시작: FlipView 추가
개발자용(C#/VB/C++ 및 XAML로 작성한 Windows 스토어 앱)
FlipView 컨트롤 추가
빠른 시작: FlipView 추가

 

 

표시:
© 2014 Microsoft. All rights reserved.