RecyclerView

RecyclerView

 

 

오늘은 Android 5.0에서 등장한 RecyclerView를 만들어 보겠다.여러개의 아이템중 하나를 선택할 수 있는 리스트모양의 위젯을 '선택위젯' 이라한다.선택위젯은 어댑터(Adapter)패턴을 사용한다. 즉, 각각 아이템은 뷰가아닌 어댑터에서 관리한다.

RecycleView 는 껍데기 역활을 하고 어댑터가 데이터와 뷰객체를 관리한다.

 

리스트를 구현할때 RecycleView외에 ListView도 있다.요즘 휴대폰들이 좋아져서 팀원 혹시 자신의 편의에따라 ListView를 사용해도 무방하지만 RecycleView의 상하,좌우 스크롤기능 등 유연한 화면구성과, 좀 더 편하게 커스텀을 할 수 있어 알아두면 유용하게 사용할 수 있다. 

 

 

 

1. RecycleView를 올려줄 xml 레이아웃을 만든다.

2. 아이템들이 들어갈 RecycleView의 xml 레이아웃을 만든다.

3. 어댑터안에 들어갈 각 아이템의 데이터를 담아줄 클래스를 만든다. 

4. 어탭터를 만든다

5. 리스트를 보여줄 클래스에 올려준다.

 

 

 

만들기 전 build.gradle에 다음을 추가해주고 동기화 시켜준다.

필자는 CardView로 보여줄것이기 때문에 CardView도 추가해주었다.

   implementation 'com.android.support:recyclerview-v7:26.1.0'
   implementation "androidx.cardview:cardview:1.0.0

 

 

 

1. activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

  <androidx.recyclerview.widget.RecyclerView
      android:id="@+id/f_main_recycler"
      android:layout_width="match_parent"
      android:layout_height="match_parent"/>

 

 

2.main_item_list.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="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto">


    <androidx.cardview.widget.CardView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="4dp"
        app:cardCornerRadius="6dp"
        app:cardElevation="6dp">

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal">

            <TextView
                android:id="@+id/name_tv"
                android:layout_marginLeft="20dp"
                android:layout_marginRight="10dp"
                android:layout_gravity="center"
                android:layout_width="35dp"
                android:layout_height="wrap_content"
                android:text="메모1"/>
            <TextView
                android:id="@+id/contants_tv"
                android:layout_marginLeft="20dp"
                android:layout_width="140dp"
                android:layout_height="80dp"
                android:layout_marginTop="20dp"
                android:maxLines="2"
                android:ellipsize="end"
                android:gravity="left"
                android:text="내용입니다 블라블라">
            </TextView>
            <TextView
                android:id="@+id/date_tv"
                android:layout_width="120dp"
                android:layout_height="wrap_content"
                android:layout_marginTop="5dp"
                android:text="2020년 01월 07일"
                android:textSize="10dp"
                android:gravity="right"
                />
        </LinearLayout>
    </androidx.cardview.widget.CardView>

</LinearLayout>

 

 

3. Memo.java

public class Memo {
    String mTitle;
    String mContants;
    String mDate;

    public Memo(){}

    public Memo(String mTitle, String mContants, String mDate) {
        this.mTitle = mTitle;
        this.mContants = mContants;
        this.mDate = mDate;
    }

    public String getmTitle() { return mTitle; }

    public void setmTitle(String mTitle) { this.mTitle = mTitle; }

    public String getmContants() { return mContants; }

    public void setmContants(String mContants) { this.mContants = mContants;}

    public String getmDate() { return mDate; }

    public void setmDate(String mDate) { this.mDate = mDate; }
}

 

 

4. MemoAdapter.java

public class MemoAdapter extends RecyclerView.Adapter<MemoAdapter.ViewHolder> {

    ArrayList<Memo> mMemoList;

    @NonNull
    @Override
    public ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        View view= LayoutInflater.from(parent.getContext()).inflate(R.layout.main_item_list,parent,false);
        ViewHolder viewHolder=new ViewHolder(view);
        return viewHolder;
    }

    @Override
    public void onBindViewHolder(@NonNull MemoAdapter.ViewHolder holder, int position) {

        Memo memo = mMemoList.get(position);
        holder.title.setText(memo.getmTitle());
        holder.contants.setText(memo.getmContants());
        holder.date.setText(memo.getmDate());


    }

    @Override
    public int getItemCount() { return mMemoList.size(); }

    public void addItem(Memo memo) {;
        mMemoList.add(memo);
    }


    public class ViewHolder extends RecyclerView.ViewHolder {

        public TextView title;
        public TextView contants;
        public TextView date;

        public ViewHolder(@NonNull View itemView) {
            super(itemView);

            title = itemView.findViewById(R.id.name_tv);
            contants = itemView.findViewById(R.id.contants_tv);
            date = itemView.findViewById(R.id.date_tv);
        }
    }
}

 

 

5. MainActivity.java

public class MainActivity extends AppCompatActivity {


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        RecyclerView recyclerView = findViewById(R.id.main_recycler);
        LinearLayoutManager layoutManager = new LinearLayoutManager(this, LinearLayoutManager.VERTICAL, false);
        recyclerView.setLayoutManager(layoutManager);
        MemoAdapter mAdapter = new MemoAdapter();

        mAdapter.addItem(new Memo("제목1","내용1","날짜1"));
        mAdapter.addItem(new Memo("제목2","내용2","날짜2"));
        mAdapter.addItem(new Memo("제목3","내용3","날짜3"));
        mAdapter.addItem(new Memo("제목4","내용4","날짜4"));
        mAdapter.addItem(new Memo("제목5","내용5","날짜5"));
        mAdapter.addItem(new Memo("제목6","내용6","날짜6"));
        mAdapter.addItem(new Memo("제목7","내용7","날짜7"));

    }

}

 

 

 

---

 

MemoAdapter에서 onBindViewHolder() 부분이 자꾸 에러나서 왜그런가 했는데...

기존에 에러코드는

holder.title.setText(mMemoList.get(position).getmTitle());
holder.contants.setText(mMemoList.get(position).getmContants());
holder.date.setText(mMemoList.get(position).getmDate()); 

이였다 . 

 

자세히보니 mMemoList.get(position)의 리턴값은 String이 아니라 Memo였던 것이다.

하지만 저 setText() 메소드의 매개변수는 String이어야 한다. 

그러므로

Memo memo = mMemoList.get(position);
holder.title.setText(memo.getmTitle());
holder.contants.setText(memo.getmContants());
holder.date.setText(memo.getmDate())

가 알맞는 코드였던것이다 :)

 

 

 

---

 

<개발환경>

java version "1.8.0_271"

android API 10.0 (Q)

android studio "4.0.1"

 

 

<참고>

Do in! 안드로이드 앱 프로그래밍 (정재곤 지음)