ListView, Custom Adapter
main.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="ListView Demo"
/>
<ListView
android:id="@+id/list"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
/>
</LinearLayout>
Activity class
package com.test.listview;
import java.util.*;
import android.app.*;
import android.os.Bundle;
import android.widget.*;
public class AdapterViewTest extends Activity {
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
// 데이터 원본 준비(배열 혹은 리스트)
ArrayList<String> list = new ArrayList<String>();
list.add("서울");
list.add("부산");
list.add("대구");
list.add("광주");
list.add("전주");
list.add("강릉");
list.add("속초");
list.add("인천");
// 어댑터에 데이터 포함
ArrayAdapter<String> adapter;
adapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, list);
// 리스트뷰에 어댑터 연결
ListView listView = (ListView)findViewById(R.id.list);
listView.setAdapter(adapter);
}
}
안드로이드에서 제공하는 리스트 뷰의 아이템 종류
simple_list_item_1 --> 하나의 텍스트 뷰로 구성
simple_list_item_2 --> 2개의 텍스트 뷰로 구성
simple_list_item_checked --> 우측에 체크표시가 나타남
simple_list_item_single_choice --> 우측에 라디오 버튼이 나타남
simple_list_item_multiple_choice --> 우측에 체크 버튼이 나타남
res/values/city.xml 에 리스트뷰의 아이템을 저장해 두고 로드하여 사용하는 예
<resources>
<string-array name="cities">
<item>서울</item>
<item>부산</item>
<item>대구</item>
<item>광주</item>
<item>전주</item>
<item>강릉</item>
<item>속초</item>
<item>인천</item>
<item>제주</item>
</string-array>
</resources>
Activity class
package com.test.listview;
import android.app.*;
import android.os.Bundle;
import android.widget.*;
public class AdapterViewTest extends Activity {
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
// 어댑터에 xml 데이터 포함
ArrayAdapter<CharSequence> adapter;
adapter = ArrayAdapter.createFromResource(this, R.array.cities, android.R.layout.simple_list_item_1);
// 리스트뷰에 어댑터 연결
ListView listView = (ListView)findViewById(R.id.list);
listView.setAdapter(adapter);
}
}
리스트 뷰의 항목에 라디오 버튼을 설정하고 선택시 이벤트 핸들러를 호출하는 예
main.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="ListView Demo"
/>
<ListView
android:id="@+id/list"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:choiceMode="singleChoice"
/>
</LinearLayout>
Activity class
package com.test.listview;
import java.util.ArrayList;
import android.app.*;
import android.os.Bundle;
import android.view.View;
import android.widget.*;
public class AdapterViewTest extends Activity {
ArrayList<String> list;
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
list = new ArrayList<String>();
list.add("서울");
list.add("부산");
list.add("대구");
list.add("광주");
list.add("전주");
list.add("강릉");
list.add("속초");
list.add("인천");
// 어댑터에 리스트 데이터 포함
ArrayAdapter<String> adapter;
adapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_single_choice, list);
// 리스트뷰에 어댑터 연결
ListView listView = (ListView)findViewById(R.id.list);
listView.setAdapter(adapter);
listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView parent, View view, int position, long id) {
String selCity = list.get(position);
Toast.makeText(AdapterViewTest.this, selCity, Toast.LENGTH_SHORT).show();
}
});
}
}
커스텀 어댑터를 사용하여 임의의 항목으로 리스트 뷰를 설정하는 예
구성파일: 아이템 레이아웃파일(xml), Activity class, BaseAdapter를 상속한 MyAdapter class
res/layout/listview_item.xml (ListView에 하나의 항목으로 출력될 레이아웃 파일)
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<TextView
android:id="@+id/text"
android:layout_width="50px"
android:layout_height="wrap_content"
android:textColor="#ffffff"
android:layout_weight="0"/>
<View
android:layout_marginTop="3px"
android:id="@+id/view"
android:layout_width="100px"
android:layout_height="30px"
android:background="#ffffff"
android:layout_weight="0"/>
<Button
android:id="@+id/btn"
android:layout_width="wrap_content"
android:layout_height="40px"
android:text="선택"
android:layout_weight="1"/>
</LinearLayout>
Activity class
package com.test.listview;
import java.util.ArrayList;
import android.app.*;
import android.content.Context;
import android.graphics.Color;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.*;
public class AdapterViewTest extends Activity {
ArrayList<String> list;
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
list = new ArrayList<String>();
list.add("Red");
list.add("Green");
list.add("Blue");
MyAdapter adapter = new MyAdapter(this, R.layout.listview_item,list);
// 리스트뷰에 어댑터 연결
ListView listView = (ListView)findViewById(R.id.list);
listView.setAdapter(adapter);
}
}
MyAdapter class
class MyAdapter extends BaseAdapter{
ArrayList<String>list;
Context ctx;
int itemLayout;
MyAdapter(Context ctx, int itemLayout, ArrayList<String> list){
this.ctx = ctx;
this.itemLayout = itemLayout;
this.list = list;
}
@Override
public int getCount() {
return list.size();
}
@Override
public String getItem(int position) {
return list.get(position);
}
@Override
public long getItemId(int position) {
return position;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
final int pos = position;
if(convertView==null){
LayoutInflater inflater = (LayoutInflater)ctx.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
convertView = inflater.inflate(itemLayout, parent, false);
TextView textView = (TextView)convertView.findViewById(R.id.text);
textView.setText(list.get(position));
View view = convertView.findViewById(R.id.view);
int color = 0;
if(list.get(position).equals("Red")) color = Color.RED;
else if(list.get(position).equals("Green")) color = Color.GREEN;
else if(list.get(position).equals("Blue")) color = Color.BLUE;
view.setBackgroundColor(color);
Button btn = (Button)convertView.findViewById(R.id.btn);
btn.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Toast.makeText(ctx, list.get(pos), Toast.LENGTH_SHORT).show();
}
});
}
return convertView;
}
}