내보내기(0) 인쇄
모두 확장

Windows Phone용 LongListSelector 컨트롤 디자인 지침

2013-12-05

적용 대상: Windows Phone 8 전용입니다.

 

Windows Phone 8 의 새로운 LongListSelector 컨트롤은 앱 사용자에게 원하는 항목을 찾기 위해 전체 목록을 스크롤하지 않고 목록 내의 한 스팟으로 직접 이동하는 기능을 제공합니다. 앱에서 이 컨트롤을 사용하면 사용자가 대용량 데이터를 보다 효율적으로 구문 분석하도록 도울 수 있고 앱 디자인에 대해 더 긴 데이터 목록을 더욱 쉽게 작업할 수 있습니다.

LongListSelector

LongListSelector 컨트롤

이 항목에는 다음 단원이 포함되어 있습니다.

 

ListBox 컨트롤과 같이 LongListSelector 컨트롤은 목록에서 항목의 고정 크기 스크롤 선택기를 제공합니다. 사용자는 세로로 이동하거나 터치하여 목록에서 항목을 스크롤할 수 있습니다. 사용자가 컨트롤을 탭하여 목록에서 항목을 선택합니다.

하지만 사용자가 목록에서 이동할 경우 이동은 사용자의 손가락이 이동을 중지하는 목록 지점에서 또는 사용자가 휴대폰 화면에서 손가락을 들어 올릴 때 중지됩니다. 사용자가 목록을 터치하면 목록이 스크롤된 다음 사용자가 목록을 탭하지 않는 한 천천히 중지됩니다. 사용자가 목록을 탭하면 터치 제스처의 효과인 스크롤이 중지됩니다. 하지만 스크롤이 지정된 속도까지 느려지면 탭 제스처는 스크롤 동작만 중지하지 않고 오히려 목록에서 항목을 선택합니다.

스크롤이 특정 속도로 느려지는 경우가 아니면 목록이 스크롤되는 동안 페이지가 왼쪽이나 오른쪽으로 피벗될 수 없습니다.

목록 끝에 도달하면 위로 스크롤되어 빈 섹션을 표시하고 다시 "신축적으로 움직여서" 제자리에 유지됩니다. 목록 끝에서 전환하면 다시 신축적으로 움직이며 목록이 시작을 감싸지 않습니다. 하지만 앱에서 이 기능을 디자인하려는 경우 이동이 목록을 다시 시작까지 감쌀 수 있습니다.

LongListSelector 컨트롤을 사용하면 사용자가 선택할 수 있는 단어, 숫자 또는 시각적 요소의 긴 목록을 제공할 때 화면 공간을 절약할 수 있습니다. LongListSelector 컨트롤을 통해 사용자가 효율적으로 원하는 목록 항목을 선택한 다음 해당 항목으로 "이동"합니다.

사용자가 8개 이상의 항목 중에서 선택해야 하는 경우 LongListSelector 컨트롤을 사용합니다. 목록에서 4개 이하 항목이 있는 경우 LongListSelector 컨트롤 대신에 그룹화된 RadioButton 컨트롤을 사용합니다.

LongListSelector 컨트롤은 항목의 세로 목록을 구성합니다. 가로 목록을 제공하려는 경우, 특히 항목이 그래픽이나 사진인 경우 ScrollViewer 컨트롤을 사용해 보세요.

앱에서 긴 목록 탐색을 설정하는 두 가지 옵션이 있습니다.

  • 사전순 목록. 나열된 항목이 없는 문자는 회색으로 표시됩니다.

  • 그룹 머리글. 사용자가 그룹 머리글을 탭하면 빠른 이동 목록이 활성화됩니다. 이 기능이 작동하려면 앱에서 그룹 머리글 목록을 제공해야 합니다. 표시할 긴 목록 탐색에 대해 원하는 카테고리로 그룹화되도록 앱의 데이터 소스를 구성해야 합니다. 앱에서 그룹 머리글을 사용하고 섹션이 비어 있는 경우 해당 섹션이 회색으로 표시됩니다.

LongListSelector_GroupHeader

그룹 머리글 탐색: 1) 사용자가 긴 목록 탐색을 사용하도록 설정한 목록에서 그룹 머리글을 탭합니다. 2) 사용자가 빠른 이동 목록으로 이동됩니다. 3) 사용자가 선택된 그룹 맨 위로 이동됩니다. 4) 그룹 머리글에 따라 긴 목록 탐색에서 머리글 목록을 제공합니다.

LongListSelector 컨트롤 사용은 긴 옵션 목록을 제공하는 분명하고 적극적인 방법이지만 목록이 너무 길어질 수 있음에 유의하세요. 항목 수가 몇십 개 이상 포함된 목록의 경우 테이블 뷰를 사용해 보세요. 또한 다음 사항에 주의합니다.

  • 굵은 sans-serif 서체를 사용하고, 목록 항목 텍스트를 12픽셀 이상의 높이로 설정하고, 모든 각도와 크기에서 텍스트를 읽기 쉽게 만들어야 합니다.

  • 터치 피드백이나 선택한 상태를 사용하는 시나리오에 대해 조명, 효과, 애니메이션 또는 기타 장식을 예약합니다. 사용자가 LongListSelector 컨트롤을 터치할 때 강력한 시각적 반응이 있어야 합니다.

Microsoft는 MSDN 웹 사이트에 대한 귀하의 의견을 이해하기 위해 온라인 설문 조사를 진행하고 있습니다. 참여하도록 선택하시면 MSDN 웹 사이트에서 나가실 때 온라인 설문 조사가 표시됩니다.

참여하시겠습니까?
표시:
© 2014 Microsoft