[예제] 안드로이드 ListView - 표준

스마트폰은 액정의 기본 크기가 3.7인치 정도로 모니터 화면에 비해 크기가 작다. 그렇다 보니 작은 화면에 많은 내용을 보여주기가 힘들다. 이때 사용되는 것이 ListView이다. 

다음과 같은 모양을 많이 보았을 것이다.

프로젝트를 만들어보자.

프로젝트명은 SimpleList로 하겠다.

우선 main.xml 을 수정해야한다.

res/layout/main.xml에 리스트뷰 컴포넌트를 삽입하자.

textview를 삭제하고 Palette의 Composite에서 ListView를 LinearLayout 위에 올려놓으면 다음 그림과 같은 모양이 된다.

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" > <ListView android:layout_height="wrap_content" android:layout_width="match_parent" android:id="@+id/listview" ></ListView> </LinearLayout>
 코딩은 3단계로 진행하겠다.

1. 우선 Data를 만들어야 한다. 소녀시대의 이름을 String 배열을 이용해 만들어보자

2. Adapter를 생성하고 구현할 것이다.
   이때 사용될 어댑터는 단순히 String의 이름값만 가져올 것이다. 그래서 안드로이드에서 제공해주는 ArrayAdapter를
   사용하겠다. 복잡한 모양을 만들기 위해서는 BaseAdapter란 클래스를 이용하여 우리가 직접 어댑터를 만들어 주어야
   하지만 단순한 데이터를 활용하기 위해서는 안드로이드는 ArrayAdapter, SimpleAdapter, CursorAdapter를 제공해준다.

3. ListView를 Activity에 등록하고 우리가 만든 어댑터를 리스뷰에 등록을 해주면 된다.

코드는 다음과 같다.


  package com.tistory.hadol.list; import android.app.Activity; import android.os.Bundle; import android.widget.ArrayAdapter; import android.widget.ListView; public class SimpleListActivity extends Activity { //1. Data 만들기 String배열로 만듦 static final String[] girls = {"태연", "윤아", "수영","티파니", "효연", "유리", "서현", "써니", "제시카"}; //변수등록 private ArrayAdapter<String> myAdapter; private ListView list; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); /*2. Adapter 생성 및 구현 * 생성자가 매우 중요함 * ArrayAdapter의 첫번째 파라미터에는 Context값이 와야하며 액티비티개체로 대체 * 두번째 인자값은 안드로이드 내부에 있는 텍스트와 라디오 버튼이 있는 디자인모양을 선택 * 세번째 인자값은 위에서 만든 girls 배열 */ myAdapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_single_choice, girls); //3. ListView 등록 및 Adapter 등록 list = (ListView)findViewById(R.id.listview); list.setAdapter(myAdapter); //list의 각 아이템들이 하나씩 선택될 수 있도록 하기위해 사용 list.setChoiceMode(ListView.CHOICE_MODE_SINGLE); } }