[android] CardView와 RecyclerView의 함께 사용하는 방법

15 Dec 2023

android

안드로이드 앱을 개발할 때 리스트 형태의 데이터를 표시해야 하는 경우가 많습니다. 그럴 때 CardView와 RecyclerView를 함께 사용하여 사용자에게 보기 좋은 리스트를 제공할 수 있습니다.

CardView란?

CardView는 그림자 효과와 함께 사각형의 카드 형태로 UI를 나타내는 위젯입니다. 각각의 아이템이 카드로 표시되기 때문에 사용자에게 시각적인 강조를 줄 수 있습니다.

RecyclerView란?

RecyclerView는 다수의 데이터를 리스트나 그리드 형태로 표시할 수 있는 위젯이며, 대용량 데이터를 보다 효율적으로 관리할 수 있습니다.

CardView와 RecyclerView 함께 사용하는 방법

아래는 CardView와 RecyclerView를 함께 사용하는 간단한 예제코드입니다.

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

// item_card_view.xml
<androidx.cardview.widget.CardView 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
    <!-- CardView 내용 -->
</androidx.cardview.widget.CardView>

// MainActivity.java
public class MainActivity extends AppCompatActivity {
    private RecyclerView recyclerView;

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

        recyclerView = findViewById(R.id.recycler_view);
        recyclerView.setLayoutManager(new LinearLayoutManager(this));
        recyclerView.setAdapter(new MyAdapter());
    }

    private class MyAdapter extends RecyclerView.Adapter<MyAdapter.MyViewHolder> {
        // Adapter 구현
        // ...
    }

    private class MyViewHolder extends RecyclerView.ViewHolder {
        // ViewHolder 구현
        // ...
    }
}

이 코드를 사용하면 RecyclerView에 각 항목을 카드 형태로 표시할 수 있습니다. CardView와 RecyclerView를 함께 사용함으로써 사용자 친화적인 UI를 제공할 수 있습니다.

위 예제를 참고하여 CardView와 RecyclerView를 함께 사용해보세요!

참고 자료

Happy coding!