Custom ListView 예제
14 Oct 2016 | Android UXAndroid에서 ListView 샘플입니다. ListView는 제일 많이 사용하는 UI 컴포넌트 중 하나이다보니 코드 재활용이 빈번합니다. 그래서 여기 템플릿으로 활용할 수 있는 예제를 하나 포스팅해봅니다. 참고로 GridView도 똑같은 방법으로 사용하면 됩니다.
ListView의 스크롤 속도를 부드럽고 빠르게 하기 위해서는 디자인 패턴 중 ViewHolder Pattern을 사용합니다. Android에서 XML에서 리소스를 읽어오는 findViewById 함수는 시간이 많이 걸리는 함수입니다. ViewHolder 패턴을 사용하면 최초에 한 번 findViewById 함수로 찾은 리소스를 Holder 안의 변수에 맵핑을 해놓아서 다음 번에 찾을 때 훨씬 빠르게 찾을 수 있습니다. (Cache와 같은 원리입니다.)
아래는 ViewHolder 패턴을 적용한 예제입니다.
item_view_log.xml
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/layout_background" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingLeft="15dp" android:paddingRight="15dp" android:orientation="vertical"> <TextView android:id="@+id/timestamp" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="timestamp" android:textColor="@color/ics_theme_darkblue" android:textSize="14sp" /> <TextView android:id="@+id/desc" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="Description" android:textColor="@color/darkgray" android:textSize="14sp" /> </LinearLayout>
LogListAdapter.java
public class LogListAdapter extends BaseAdapter { private final Context mContext; private ArrayList<BaseInfo> mList; public LogListAdapter(Context context) { mContext = context; } public void refresh(ArrayList<BaseInfo> list) { mList = list; notifyDataSetChanged(); } @Override public int getCount() { if(mList == null) { return 0; } return mList.size(); } @Override public BaseInfo getItem(int position) { if(mList == null) { return null; } return mList.get(position); } @Override public long getItemId(int position) { if(mList == null) { return 0; } return position; } @Override public View getView(int position, View convertView, ViewGroup parent) { ItemHolder holder = null; View row = convertView; if(row == null) { LayoutInflater inflator = (LayoutInflater) mContext .getSystemService(Context.LAYOUT_INFLATER_SERVICE); row = inflator.inflate(R.layout.item_view_log, null); holder = new ItemHolder(); holder.timestamp = (TextView) row.findViewById(R.id.timestamp); holder.desc = (TextView) row.findViewById(R.id.desc); row.setTag(holder); } else { holder = (ItemHolder) row.getTag(); } final BaseInfo item = getItem(position); if(item != null) { if(item.getTimestamp() == 0) { holder.timestamp.setVisibility(View.GONE); } else { String timestamp = SnowTimeUtil .getTimeAsString(STRING_FORMAT.TIMESTAMP_FORMAT, item.getTimestamp()); holder.timestamp.setText(timestamp); holder.timestamp.setVisibility(View.VISIBLE); } holder.desc.setText(item.toString()); } return row; } class ItemHolder { TextView timestamp; TextView desc; } ; }
그 다음에는 ListView나 GridView를 배치해놓고 setAdapter() 메소드를 이용해서 위의 Adapter를 세팅해주면 됩니다.