RecyclerView - (3) 코드에 적용하기

RecyclerView.zip

0. Result

1. Create the RecyclerView in the Layout

app/build.gradle

dependencies {
    compile 'com.android.support:recyclerview-v7:25.0.1'
}

RecyclerView의 dependency 추가한다.

RecyclerView는 Android Support Library에 들어있다.

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    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:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.tistory.qlyh8.recyclerview.MainActivity">
 
    <android.support.v7.widget.RecyclerView
        android:id="@+id/recyclerview_main"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    </android.support.v7.widget.RecyclerView>
 
</LinearLayout>

2. Create Layout for Individual Items

main_list_item.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical">
 
    <TextView
        android:id="@+id/main_data"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="22sp"
        android:padding="16dp"/>
 
    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="#dadada"
        android:layout_marginLeft="8dp"
        android:layout_marginRight="8dp" />
 
</LinearLayout>

3. Create a ViewHolder and Adapter

RecyclerViewAdapter.java

package com.tistory.qlyh8.recyclerview;
 
/*
 * Created by YUNHEE on 2017-12-30.
 */
 
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;
 
public class RecyclerViewAdapter extends RecyclerView.Adapter<RecyclerViewAdapter.RecyclerViewAdapterViewHolder>{
 
    // 리스트에 표시할 아이템 수
    private int mNumberItems;
    private final RecyclerViewAdapterOnClickHandler mClickHandler;
 
    public RecyclerViewAdapter(int numberOfItems, RecyclerViewAdapterOnClickHandler clickHandler) {
        mNumberItems = numberOfItems;
        mClickHandler = clickHandler;
    }
 
    //onClick 메시지를 받는 인터페이스
    public interface RecyclerViewAdapterOnClickHandler {
        void onClick(String text);
    }
 
    public class RecyclerViewAdapterViewHolder extends RecyclerView.ViewHolder implements View.OnClickListener{
 
        public final TextView mainTextView;
 
        public RecyclerViewAdapterViewHolder(View view) {
            super(view);
            mainTextView = view.findViewById(R.id.main_data);
            view.setOnClickListener(this);
        }
 
        /**
         * 클릭하는 동안 하위 뷰에서 호출된다.
         * @param v: 클릭된 뷰
         */
        @Override
        public void onClick(View v) {
            mClickHandler.onClick(String.valueOf(getAdapterPosition()));
        }
    }
 
    /**
     * 새로운 ViewHolder가 새로 생성될 때마다 호출된다.
     * 이것은 RecyclerView가 배치될 때 발생한다.
     * 화면을 채우고 스크롤 할 수 있도록 충분한 ViewHolder들이 만들어진다.
     * @param viewGroup: 이 ViewHolder들이 포함되는 ViewGroup
     * @param viewType: RecyclerView에 둘 이상의 아이템 type이 있는 경우
     * return : 각 리스트 아이템의 뷰를 보유하는 새로운 RecyclerViewAdapterViewHolder
     */
    @Override
    public RecyclerViewAdapterViewHolder onCreateViewHolder(ViewGroup viewGroup, int viewType) {
        LayoutInflater inflater = LayoutInflater.from(viewGroup.getContext());
        View view = inflater.inflate(R.layout.main_list_item, viewGroup, false);
 
        return new RecyclerViewAdapterViewHolder(view);
    }
 
    /**
     * 지정된 위치에 데이터를 표시하기 위해 RecyclerView에 의해 호출된다.
     * ViewHolder의 내용을 전달된 "position"인수를 사용하여 특정 위치의 정보를 갱신한다.
     * @param holder: 데이터 셋의 지정된 위치에서 아이템의 내용을 나타내기 위해 갱신해야 하는 ViewHolder
     * @param position: 어댑터의 데이터 셋 내의 아이템의 위치
     */
    @Override
    public void onBindViewHolder(RecyclerViewAdapterViewHolder holder, int position) {
        holder.mainTextView.setText(String.valueOf(position));
    }
 
    /**
     * 표시 할 아이템 수를 반환한다.
     * 이것은 배경과 애니메이션의 레이아웃을 돕기 위해 뒤에서 사용된다.
     * @return : 사용 가능한 아이템 수
     */
    @Override
    public int getItemCount() {return mNumberItems;}
}
 

4. Wire the RecyclerView up with the Adapter and the LinearLayoutManager

MainActivity.java

package com.tistory.qlyh8.recyclerview;
 
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.widget.Toast;
 
public class MainActivity extends AppCompatActivity implements RecyclerViewAdapter.RecyclerViewAdapterOnClickHandler {
 
    private static final int NUM_LIST_ITEMS = 20;
    private RecyclerView mRecyclerView;
    private RecyclerViewAdapter mRecyclerViewAdapter;
 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
 
        mRecyclerView = findViewById(R.id.recyclerview_main);
 
        // LinearLayoutManager는 HORIZONTAL 또는 VERTICAL 방향을 지원한다.
        // 역방향 레이아웃 매개 변수는 주로 오른쪽에서 왼쪽 언어에 대해 반전되어야하는 HORIZONTAL 레이아웃에 유용하다.
        LinearLayoutManager layoutManager = new LinearLayoutManager(this, LinearLayoutManager.VERTICAL, false);
        layoutManager.setReverseLayout(false);
 
        mRecyclerView.setLayoutManager(layoutManager);
        // 리스트 안의 각 아이템은 같은 크기를 가짐
        mRecyclerView.setHasFixedSize(true);
 
        // 데이터를 표시하는 뷰와 연결
        mRecyclerViewAdapter = new RecyclerViewAdapter(NUM_LIST_ITEMS, this);
        mRecyclerView.setAdapter(mRecyclerViewAdapter);
    }
 
    /**
     * RecyclerView 아이템 클릭을 처리하기 위해 MainActivity 클래스에서 재정의된다.
     * @param text: 클릭한 뷰의 데이터
     */
    @Override
    public void onClick(String text) {
        Toast.makeText(this, text, Toast.LENGTH_SHORT).show();
    }
}
 

Android Course of Udacity - Lesson 3