[Android] Adapter

Grid View 로 예를 들어보자. 우선 XML 파일은 다음과 같다.

<GridView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/gridview"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:columnWidth="90dp"
    android:gravity="center"
    android:horizontalSpacing="10dp"
    android:numColumns="auto_fit"
    android:stretchMode="columnWidth"
    android:verticalSpacing="10dp" />

android:horizontalSpacing 은 아이템 간의 간격
android:numColumns 는 컬럼의 갯수를 알아서 처리함을 의미
android:stretchMode 는 남는 공간을 위에서 지정한 90dp 에 더해서 아이템을 늘린다.


class 파일은 다음과 같다.

GridView gridview = (GridView) findViewById(R.id.gridview);
gridview.setAdapter(new ImageAdapter(this));

gridview.setOnItemClickListener(new AdapterView.OnItemClickListener() {
public void onItemClick(AdapterView<?> parent, View v, int position, long id) {
Toast.makeText(v.getContext(), position + " selected!", Toast.LENGTH_SHORT).show();
}
});

보통 위와 같은 3가지 로직을 거친다. 뷰를 가져오고, 어댑터를 붙이고, 리스너를 붙인다.

뷰를 가져오는 것은 쉬우니 생략한다. 어댑터를 구현하는 방법을 알아보자. 안드로이드에서 제공하는 기본 어댑터보다는 우리가 만들어보자.

public class ImageAdapter extends BaseAdapter {

private Context mContext;

public ImageAdapter(Context c) {
mContext = c;
}

public int getCount() {
return mThumbIds.length;
}

public Object getItem(int position) {
//return "position " + position + " data";
return null;
}

public long getItemId(int position) {
return position;
}

// Create a new ImageView for each item referenced by the Adapter.
public View getView(int position, View convertView, ViewGroup parent) {
ImageView imageView = (ImageView) convertView;

if (imageView == null) { // If it's not recycled, initialize some attributes.
LayoutInflater inflater = LayoutInflater.from(mContext);
imageView = (ImageView) inflater.inflate(R.layout.my_list_item, parent, false);
}

imageView.setImageResource(mThumbIds[position]);
return imageView;
}
}

핵심적인 코드는 getView 함수다. 그 중에 convertView는 재활용 가능한 뷰로서 null 일때만 만들어주면된다. 리턴되는 view는 그리드 뷰에서 하나의 공간을 차지하는 View를 의미한다. 여기서는 단순 이미지를 리턴한다. 좀 더 복잡한 View를 만들고 싶다면 my_list_item.xml 을 수정하면 된다. 지금은 ImageView만을 리턴하기 때문에 my_list.item 은 다음과 같이 구현되어 있다.

<?xml version="1.0" encoding="utf-8"?>
<ImageView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/imgItem"
    android:layout_width="85dp"
    android:layout_height="85dp"
    android:padding="5dp"
    android:scaleType="centerCrop" >
</ImageView>