[Android] Fragment에 RecyclerView 추가하기

배경:

 - List View를 보여주는 Fragment로 전환

RecyclerView 위젯은 ListView의 업그레이드 버전으로 데이터 양이 많은 경우 스크롤을 효율적으로 수행할 수 있는 위젯이다.

refer: http://developer.android.com/intl/ko/training/material/lists-cards.html

위 그림과 같이 Adapter를 통해 데이터에 접근하며, 

LayoutManager를 통해 위젯 내부 항목들을 배치한다.

따라서 RecyclerView를 적용하기 위해서는
    - LayoutManager

    - Adaper

를 지정해주어야 한다.

1. 리스트에 보여질 각 항목 item layout 생성

다음과 같이 "id contents" 로 구성하였다.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"     android:layout_width="wrap_content"     android:layout_height="wrap_content"     android:orientation="horizontal">     <TextView         android:id="@+id/id"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:layout_margin="@dimen/text_margin"         android:textAppearance="?attr/textAppearanceListItem" />     <TextView         android:id="@+id/content"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:layout_margin="@dimen/text_margin"         android:textAppearance="?attr/textAppearanceListItem" /> </LinearLayout> Colored by Color Scripter

cs

2. 리스트 layout 생성

1 2 3 4 5 6 7 8 9 10 11 12 13

<android.support.v7.widget.RecyclerView xmlns:android="http://schemas.android.com/apk/res/android"     xmlns:app="http://schemas.android.com/apk/res-auto"     xmlns:tools="http://schemas.android.com/tools"     android:id="@+id/collection_list"     android:name="com.tong.android.fragment.CollectionListFragment"     android:scrollbars="vertical"     android:layout_width="match_parent"     android:layout_height="match_parent"     android:layout_marginTop="?attr/actionBarSize"     android:background="#ECEFF1"     app:layoutManager="LinearLayoutManager"     tools:context="com.tong.android.fragment.CollectionListFragment"     tools:listitem="@layout/fragment_item" /> Colored by Color Scripter

cs

3. Adapter 선언
RecyclerView.Adapter를 상속받아 작성하였다는 점과
내부에 ReCyclerView.ViewHolder를 확장한 ViewHolder Class를 선언하였다는 것이 확인 포인트이다.
ViewHolder가 RecyclerView에 보여질 각 항목 아이템들을 담는 그릇이라고 보면 될 것 같다.
그리고 onBindViewHolder가 호출되어 ViewHolder에 실제 데이터를 입히게 된다.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44

public class MyListAdapter extends RecyclerView.Adapter< MyListAdapter.ViewHolder> {     private List<My> myList;     public MyListAdapter(List<My> myList) {         this.myList = myList;     }     @Override     public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {         View v = LayoutInflater.from(parent.getContext())                 .inflate(R.layout.fragment_item, parent, false);         return new ViewHolder(v);     }     @Override     public void onBindViewHolder(final ViewHolder holder, int position) {         My my = myList.get(position);         holder.mIdView.setText(String.valueOf(position + 1));         holder.mContent.setText(my.toString());     }     @Override     public int getItemCount() {         return myList.size();     }     public class ViewHolder extends RecyclerView.ViewHolder {         public final View mView;         public final TextView mIdView;         public final TextView mContent;         public ViewHolder(View view) {             super(view);             mView = view;             mIdView = (TextView) view.findViewById(R.id.id);             mContent = (TextView) view.findViewById(R.id.content);         }     } } Colored by Color Scripter

cs

4. Fragment에 LayoutManager와 Adapter 지정
위에서 작성한 Adapter를 Fragment의 RecyclerView에 지정해주고,
LayoutManager는 기본적으로 사용되는 LinearLayoutManager를 사용할 수 있다.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36

public class MyListFragment extends Fragment {     private RecyclerView mRecyclerView;     private RecyclerView.Adapter mAdapter;     private RecyclerView.LayoutManager mLayoutManager;     public MyListFragment() {     }     @Override     public View onCreateView(LayoutInflater inflater, ViewGroup container,                               Bundle savedInstanceState) {         View view = inflater.inflate(R.layout.fragment_item_list, container, false);         // Set the adapter         if (view instanceof RecyclerView) {             Context context = view.getContext();             RecyclerView mRecyclerView = (RecyclerView) view;             mRecyclerView.setHasFixedSize(true);             // use a linear layout manager             mLayoutManager = new LinearLayoutManager(context);             mRecyclerView.setLayoutManager(mLayoutManager);             // specify an adapter (see also next example)             mAdapter = new CollectionListAdapter(myList);             mRecyclerView.setAdapter(mAdapter);         }                  return view;      } } Colored by Color Scripter

cs

reference:
 - http://developer.android.com/intl/ko/training/material/lists-cards.html