Android - Expandable ListView

이번에는 확장형 리스트 뷰입니다.
확장형 리스트뷰를 간단히 설명하면

------------------
한글
------------------
영어
------------------
숫자
------------------

위와 같은 리스트 뷰가 있다면 해당 데이터를 누른다면 아래와 같이 자식 데이터가 나오는 리스트뷰입니다.


------------------
한글
------------------
    ㄱ
    ㄴ
    ㄷ
------------------
영어
------------------
숫자
------------------

이전에 설명하였던 리스트뷰와 똑같이 Adapter를 이용하여 표현합니다.

저는 부모 데이터 xml파일과 자식 데이터 xml파일을 따로 두어 구현하였습니다.

    

1. main.xml
   메인클레스의 xml파일입니다.
<?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"> <ExpandableListView android:layout_width="match_parent" android:layout_height="wrap_content" android:indicatorLeft="?android:attr/expandableListPreferredItemIndicatorLeft" android:id="@+id/mylist" /> </LinearLayout>

2. group_row.xml
   부모 데이터의 xml 파일입니다.
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent"> <TextView android:id="@+id/groupName" android:layout_width="wrap_content" android:layout_height="40dp" android:textSize="20dp" android:paddingLeft="5px" android:textColor = "#FFA500" /> </LinearLayout>

3. child_row.xml
   자식 데이터의 xml파일입니다.
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent"> <TextView android:id="@+id/childName" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="25dip" android:paddingLeft="40dip" /> <CheckBox android:textColor="#111111" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="New CheckBox" android:id="@+id/checkBox" /> </LinearLayout>

4. myGroup.class
   데이터 클레스입니다. 상황에 따라 변경하시면 됩니다.
package jsy.expandablelist; import java.util.ArrayList; public class myGroup { public ArrayList<String> child; public String groupName; myGroup(String name){ groupName = name; child = new ArrayList<String>(); } }

5. MainActivity.class
   MainActivity입니다.
package jsy.expandablelist; import android.app.Activity; import android.os.Bundle; import android.view.Display; import android.widget.ExpandableListView; import java.util.ArrayList; public class MainActivity extends Activity { private ExpandableListView listView; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); Display newDisplay = getWindowManager().getDefaultDisplay(); int width = newDisplay.getWidth(); ArrayList<myGroup> DataList = new ArrayList<myGroup>(); listView = (ExpandableListView)findViewById(R.id.mylist); myGroup temp = new myGroup("한글"); temp.child.add("ㄱ"); temp.child.add("ㄴ"); temp.child.add("ㄷ"); DataList.add(temp); temp = new myGroup("영어"); temp.child.add("a"); temp.child.add("b"); temp.child.add("c"); DataList.add(temp); temp = new myGroup("숫자"); temp.child.add("1"); temp.child.add("2"); temp.child.add("3"); DataList.add(temp); ExpandAdapter adapter = new ExpandAdapter(getApplicationContext(),R.layout.group_row,R.layout.child_row,DataList); listView.setIndicatorBounds(width-50, width); //이 코드를 지우면 화살표 위치가 바뀐다. listView.setAdapter(adapter); } }

6. ExpandAdapter.class
   어뎁터 클레스입니다. 기존 리스트뷰의 어뎁터와 다르게 getView 함수가 getGroupView와 getChildView 두개로 나누어집니다. 저는 어뎁터 생성자에서 부모 자식의 xml 파일을 각각 받아오는데 각각의 함수에서 해당 위젯에 대한 것들을 정의 해주셔야 합니다.
package jsy.expandablelist; import android.content.Context; import android.provider.ContactsContract; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.BaseExpandableListAdapter; import android.widget.ImageView; import android.widget.TextView; import java.util.ArrayList; /** * Created by JSY on 2016-02-04. */ public class ExpandAdapter extends BaseExpandableListAdapter { private Context context; private int groupLayout = 0; private int chlidLayout = 0; private ArrayList<myGroup> DataList; private LayoutInflater myinf = null; public ExpandAdapter(Context context,int groupLay,int chlidLay,ArrayList<myGroup> DataList){ this.DataList = DataList; this.groupLayout = groupLay; this.chlidLayout = chlidLay; this.context = context; this.myinf = (LayoutInflater)context.getSystemService(Context.LAYOUT_INFLATER_SERVICE); } @Override public View getGroupView(int groupPosition, boolean isExpanded, View convertView, ViewGroup parent) { // TODO Auto-generated method stub if(convertView == null){ convertView = myinf.inflate(this.groupLayout, parent, false); } TextView groupName = (TextView)convertView.findViewById(R.id.groupName); groupName.setText(DataList.get(groupPosition).groupName); return convertView; } @Override public View getChildView(int groupPosition, int childPosition, boolean isLastChild, View convertView, ViewGroup parent) { // TODO Auto-generated method stub if(convertView == null){ convertView = myinf.inflate(this.chlidLayout, parent, false); } TextView childName = (TextView)convertView.findViewById(R.id.childName); childName.setText(DataList.get(groupPosition).child.get(childPosition)); return convertView; } @Override public boolean hasStableIds() { // TODO Auto-generated method stub return true; } @Override public boolean isChildSelectable(int groupPosition, int childPosition) { // TODO Auto-generated method stub return true; } @Override public Object getChild(int groupPosition, int childPosition) { // TODO Auto-generated method stub return DataList.get(groupPosition).child.get(childPosition); } @Override public long getChildId(int groupPosition, int childPosition) { // TODO Auto-generated method stub return childPosition; } @Override public int getChildrenCount(int groupPosition) { // TODO Auto-generated method stub return DataList.get(groupPosition).child.size(); } @Override public myGroup getGroup(int groupPosition) { // TODO Auto-generated method stub return DataList.get(groupPosition); } @Override public int getGroupCount() { // TODO Auto-generated method stub return DataList.size(); } @Override public long getGroupId(int groupPosition) { // TODO Auto-generated method stub return groupPosition; } }