Xamarin.Forms Listview

Download Sample 샘플 다운로드

ListView 는 데이터 목록, 특히 스크롤이 필요한 긴 목록을 표시하기 위한 보기입니다.

Important

CollectionView는 다른 레이아웃 사양을 사용하여 데이터 목록을 표시하는 뷰입니다. 보다 유연하고 성능이 좋은 대안을 제공하는 것을 목표로 합니다 ListView. 자세한 내용은 Xamarin.Forms CollectionView를 참조하세요.

사용 사례

ListView 스크롤 가능한 데이터 목록을 표시하는 모든 상황에서 컨트롤을 사용할 수 있습니다. 클래스는 ListView 컨텍스트 작업 및 데이터 바인딩을 지원합니다.

컨트롤을 ListView 컨트롤과 TableView 혼동해서는 안 됩니다. 컨트롤은 TableView XAML에서 미리 정의된 옵션을 지정할 수 있으므로 바인딩되지 않은 옵션 또는 데이터 목록이 있을 때마다 더 나은 옵션입니다. 예를 들어 주로 미리 정의된 옵션 집합이 있는 iOS 설정 앱은 보다 ListView사용하기 TableView 에 더 적합합니다.

클래스는 ListView XAML에서 목록 항목 정의를 지원하지 않습니다. 목록의 ItemsSource 항목을 정의하려면 속성 또는 데이터 바인딩을 ItemTemplate 사용해야 합니다.

A ListView 는 단일 데이터 형식으로 구성된 컬렉션에 가장 적합합니다. 이 요구 사항은 목록의 각 행에 대해 한 가지 유형의 셀만 사용할 수 있기 때문입니다. 컨트롤은 TableView 여러 셀 형식을 지원할 수 있으므로 여러 데이터 형식을 표시해야 하는 경우 더 나은 옵션입니다.

인스턴스에 데이터를 바인딩하는 ListView 방법에 대한 자세한 내용은 ListView 데이터 원본을 참조 하세요.

구성 요소

컨트롤에는 ListView 각 플랫폼의 네이티브 기능을 연습하는 데 사용할 수 있는 여러 구성 요소가 있습니다. 이러한 구성 요소는 다음 섹션에서 정의됩니다.

머리글 및 바닥글

머리글 및 바닥글 구성 요소는 목록의 데이터와는 별도로 목록의 시작과 끝에 표시됩니다. 머리글 및 바닥글은 ListView의 데이터 원본과 별도의 데이터 원본에 바인딩할 수 있습니다.

Groups

ListView 쉽게 탐색할 수 있는 데이터를 그룹화할 수 있습니다. 그룹은 일반적으로 데이터 바인딩됩니다. 다음 스크린샷은 그룹화된 데이터가 있는 ListView 것을 보여줍니다.

셀의 ListView 데이터 항목을 셀이라고합니다. 각 셀은 데이터 행에 해당합니다. 선택할 수 있는 기본 제공 셀이 있거나 사용자 지정 셀을 정의할 수 있습니다. 기본 제공 셀과 사용자 지정 셀은 모두 XAML 또는 코드에서 사용/정의할 수 있습니다.

  • 기본 제공 셀(예: 및ImageCell)은 네이 TextCell 티브 컨트롤에 해당하며 특히 성능이 높습니다.
    • 필요에 TextCell 따라 텍스트 문자열을 세부 텍스트와 함께 표시합니다. 세부 정보 텍스트는 강조 색이 있는 작은 글꼴에서 두 번째 줄로 렌더링됩니다.
    • ImageCell 텍스트가 있는 이미지를 표시합니다. 왼쪽에 이미지가 있는 상태로 TextCell 나타납니다.
  • 사용자 지정 셀 은 복잡한 데이터를 표시하는 데 사용됩니다. 예를 들어 사용자 지정 셀을 사용하여 앨범과 아티스트를 포함하는 노래 목록을 표시할 수 있습니다.

다음 스크린샷은 ImageCell 항목이 있는 ListView 것을 보여줍니다.

ListView을 사용자 지정하는 방법에 대한 자세한 내용은 ListView 셀 모양 사용자 지정을 참조 하세요.

기능

클래스는 ListView 다양한 상호 작용 스타일을 지원합니다.

  • 풀 투 새로 고침 을 사용하면 사용자가 아래로 끌어와 ListView 내용을 새로 고칠 수 있습니다.
  • 컨텍스트 작업을 사용하면 개발자가 개별 목록 항목에 대한 사용자 지정 작업을 지정할 수 있습니다. 예를 들어 iOS에서 살짝 밀기 동작을 구현하거나 Android에서 긴 탭 작업을 구현할 수 있습니다.
  • 이 옵션을 선택하면 개발자가 목록 항목의 선택 및 선택 취소 이벤트에 기능을 연결할 수 있습니다.

다음 스크린샷은 컨텍스트 작업을 보여 ListView 줍니다.

대화형 기능에 ListView대한 자세한 내용은 ListView를 사용한 작업 및 대화형 작업을 참조하세요.