[안드로이드] 리스트뷰

리스트뷰(ListView)란?

• 리스트 형태로 데이터를 보여주는 위젯이다.
• 코틀린 파일에서 리스트 안에 담겨있는 각각의 데이터를 Adapter를 통해 xml파일에 ListView의 각각의 아이템에 넣어준다.
  • Adapter는 리스트의 데이터들과 ListView의 아이템을 연결시켜주는 객체다. 
  • LilstView에서 아이템은 ListView의 항목을 말한다.

 

 

어댑터를 통해 데이터와 ListView를 연결하는 방법 (간단요약)

1. MainActivity에 있는 리스트의 데이터들을 어댑터로 데이터를 보낸다. 예시로 a, b, c라는 데이터를 보낸다고 하자.
2. 어댑터가 listview_item.xml에 데이터를 하나씩 넣는다.
3. listview_item.xml은 activity_main.xml에 데이터를 넣어준다.

 

다음의 방법은 데이터 모델을 담은 리스트를 리스트뷰로 나타내는 방법이다.

// 리스트에 담을 데이터 모델

package com.hyein.listview_ex

data class ListViewModel (
    var title : String = "",
    var content : String = ""
)

 

 

0.  activity_main.xml에 ListView 생성하기

 

 

1. listView_item.xml 만들기

1. listView_item.xml 파일을 새로 생성한다.
2. 기본 설정값으로 되어있던 레이아웃은 LinearLayout으로 바꾼다. 
   • 예제 편의상 LinearLayout으로 설정한거지 원하는 레이아웃이 따로 있다면 그걸로 설정해도 된다.
3. LinearLayout안에 TextView를 생성한다. 이 TextView는 리스트뷰의 아이템 이다.
4. 이 아이템을 어댑터에 연결해 줄것이다.

 

2. Adapter 만들기 & 1에서 만든 아이템을 Adapter에 넣기

1. ListViewAdapter.kt 파일을 새로 생성한다. xml 파일과 같이 만들지 않고 코틀린 파일만 만든다.
2. 리스트를 생성자로 받고, BaseAdapter()를 상속받는다.
3. class ListViewAdapter에 빨간줄이 뜰텐데 맥이라면 옵션+엔터, 윈도우라면 알트+엔터를 눌러서 Implement Members의 필요한 멤버들을 모두 자동으로 넣는다.
4. getCount()는 생성자로 받은 리스트의 크기를 반환하도록 한다.
   • Count는 리스트 뷰의 개수 즉, 아이템들의 개수다. 아이템의 개수는 리스트의 크기만큼 받겠다는 의미로 리스트의 크기만큼을 반환한다.
5. getItem()은 생성자로 받은 리스트의 아이템들을 반환하도록 한다.
6. getItemId()는 포지션을 반환하도록 한다. 
   • p0은 position을 의미한다.
   • 4 ~ 6 과정은 문법처럼 외어두면 편리하다.
7. getView()에서 어댑터에서 넘어온 데이터들을 listview_item.xml에 하나하나 넣어주는 연결작업을 할것이다.
   1. convertView 변수를 만들고 그 변수에 p1을 담는다.
      • p0은 position, p1은 convierView, p2는 parent를 의미한다.
   2. 만약 convertView가 비어있다면 listView_item.xml에 있는 아이템을 직접 가져온다.
   3. convertView를 반환한다.

 

 

3.  MainActivity.kt에서 어댑터로 데이터 넣기

1. 어댑터에 넣을 리스트를 하나 새로 만들고 리스트에 데이터를 넣는다.
2. listAdapter라는 변수를 선언하고 ListViewAdpater()를 넣어준다.
3. ListVIewAdapter의 매개변수로 1에서 만든 리스트를 넣어준다.

 

 

4. listView_item.xml의 아이템을 activity_main.xml에 있는 listVIew와 연결시키기

1. MainActivity.kt에서 listview 변수를 새로 생성하고, activity_main.xml에 있는 ListView를 가져온다.
2. listview의 어댑터에 listAdapter를 넣어준다.

(3과정의 그림자료의 코드 참고)

 

 

5. 어댑터에서 받은 데이터를 아이템에 넣어서 리스트뷰에 나오게 하기

1. ListViewAdapter.kt의 클래스에서 생성자로 받은 리스트는 MainActivity.kt에서 만든 리스트 이다.
2. 이 리스트 데이터를 listview.xml의 아이템에 넣어야 한다.
3. 변수를 새로 생성하여 listview_item.xml의 TextView 요소를 불러와 담는다.
4. 이 변수들(TextView 담은 변수)을 리스트에 있는 각각의 데이터들과 연결해준다.

 

 

리스트 데이터의 흐름