본문 바로가기
안드로이드 자바

[JAVA][Android] 어댑터 재활용 하여 중첩 리사이클러뷰 만들기

by teamnova 2024. 7. 29.
728x90

 

 

오늘은 하나의 어댑터를 재활용하여 중첩 리사이클러뷰를 만들어 보겠습니다. 

 

레이아웃 xml 파일 코드(main.xml)

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

    <TextView
        android:id="@+id/title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="중첩 리사이클러뷰"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        android:layout_marginTop="20dp"/>

    <TextView
        android:id="@+id/click_item_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:textColor="@color/black"
        android:text="클릭 아이템"
        android:textSize="15dp"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/title"
        android:layout_marginTop="20dp"/>

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/main_RecyclerView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/click_item_text"
        android:layout_marginTop="20dp"/>
</androidx.constraintlayout.widget.ConstraintLayout>

 

 

레이아웃 xml 파일 코드(item.xml)

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

    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="textView"
        android:layout_marginTop="20dp"
        android:layout_marginLeft="20dp"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="button"
        android:layout_marginTop="20dp"
        android:layout_marginRight="20dp"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/item_RecyclerView"
        android:layout_marginTop="20dp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="20dp"

        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/textView"/>
</androidx.constraintlayout.widget.ConstraintLayout>

 

 

액티비티 자바 코드

public class MainActivity extends AppCompatActivity {

    TextView title;
    RecyclerView main_RecyclerView;
    adapter main_adapter;
    TextView click_item_text;


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

        title = findViewById(R.id.title);
        click_item_text = findViewById(R.id.click_item_text);

        //리사이클러뷰 설정
        main_RecyclerView = findViewById(R.id.main_RecyclerView);
        main_RecyclerView.setLayoutManager(new LinearLayoutManager(this));

        ArrayList<data> datalist = new ArrayList<>();//리사이클러뷰에 들어갈 데이터리스트

        //상위 리사이클러뷰 아이템을 5개 만듭니다.
        for(int i=0;i<5;i++){

            data test_data=new data("item"+(i+1));
            //하위 리사이클러뷰에 들어갈 아이템을 3개 만듭니다.
            for(int j=0;j<3;j++) {
                data test_data_item=new data("item"+(i+1)+"-"+(j+1));
                test_data.datas.add(test_data_item);
            }
            datalist.add(test_data);
        }
        //아이템은 상위 아이템 5개이며, 각 상위 아이템은 하위 아이템을 3개씩 가지고 있음

        //어뎁터 설정
        main_adapter=new adapter(datalist, this);
        main_adapter.setOnItemClickListener(new adapter.onItemClickListener() {
            @Override
            public void onItemClick(int RecyclerView_position, int main_RecycelrView_position, String item_type) {

                data click_data;//클릭한 아이템을 담을 객체
                    if(item_type.equals("main_RecyclerView_button")){
                    //클릭한 아이템이 상위 아이템인 경우, RecyclerView_position(리사이클러뷰에서 아이템 위치)으로 메인어뎁터의 아이템리스트에서 값을 가져옴
                        click_data=main_adapter.ItemList.get(RecyclerView_position);
                    }
                    else{//클릭한 아이템이 하위 아이템인 경우,main_RecycelrView_position(리사이클러뷰에서 상위아이템 위치)으로 메인어뎁터의 아이템리스트에 접근하고, 
                         // RecyclerView_position(하위 리사이클러뷰 아이템 위치)으로  메인어뎁터의 아이템리스트 하나가 가지고 있는 datas에 접근하여 값을 가져옴
                        click_data=main_adapter.ItemList.get(main_RecycelrView_position).datas.get(RecyclerView_position);
                    }
                click_item_text.setText("클릭한 아이템:" +click_data.text);
            }
        });
        main_RecyclerView.setAdapter(main_adapter);
    }
}

 

 

 

어댑 자바 코드

public class adapter extends RecyclerView.Adapter<adapter.viewHolder>{
    ArrayList<data> ItemList=new ArrayList<>();
    Context context;
    public adapter(ArrayList<data> ItemList, Context context){

        this.ItemList=ItemList;
        this.context=context;
    }

    @NonNull
    @Override
    public adapter.viewHolder onCreateViewHolder(@NonNull ViewGroup viewGroup, int viewType) {
        Log.i("TAG","onCreateViewHolder");
        View view = LayoutInflater.from(viewGroup.getContext())
                .inflate(R.layout.item, viewGroup, false);
        return new adapter.viewHolder(view);
    }

    @Override
    public void onBindViewHolder(@NonNull adapter.viewHolder holder, int position) {
        Log.i("TAG","onBindViewHolder");
        holder.textView.setText(ItemList.get(position).text);

        //상위 아이템에 존재하는 하위 리사이클러뷰의 어뎁터 설정
        //ItemList에는 상위 아이템이 가지고있는 리스트를 넣음

        holder.item_adapter=new adapter(ItemList.get(position).datas, context);
        holder.item_adapter.setOnItemClickListener(new onItemClickListener() {
            @Override
            public void onItemClick(int RecyclerView_position, int main_RecyclerView_position, String item_type) {
                //하위 아이템 클릭 시 main_RecyclerView_position 기본값이 -1 있었으나, 상위 아이템 위치값인 holder.getAdapterPosition() 으로 변경하여 전달
                //하위 아이템 클릭 시 item_type 에 담겨있던 기본값 대신 "item_RecyclerView_button"으로 변경하여 전달함
                if (onItemClickListener != null) {
                    onItemClickListener.onItemClick(RecyclerView_position, holder.getAdapterPosition(), "item_RecyclerView_button");
                }
            }
        });

        holder.item_RecyclerView.setAdapter(holder.item_adapter);

    }

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

    public class viewHolder extends RecyclerView.ViewHolder {
        TextView textView;
        Button button;
        RecyclerView item_RecyclerView;
        adapter item_adapter;
        public viewHolder(@NonNull View itemView) {
            super(itemView);
            textView = itemView.findViewById(R.id.textView);
            button = itemView.findViewById(R.id.button);
            item_RecyclerView = itemView.findViewById(R.id.item_RecyclerView);

            button.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View view) {
                    int position = getAdapterPosition();
                    if (position != RecyclerView.NO_POSITION) {
                        if (onItemClickListener != null) {
                            //인터페이스를 통해 현재 리사이클러뷰의 아이템 포지션을 position에 전달함
                            //main_RecyclerView_position에는 기본값으로 -1을 설정(하위 아이템에 대한 버튼 이벤트는 onBindViewHolder에서 추가 설정함)
                            //item_typen에는 기본값으로 "main_RecyclerView_button"을 설정(하위 아이템에 대한 버튼 이벤트는 onBindViewHolder에서 추가 설정함)
                            onItemClickListener.onItemClick(position, -1, "main_RecyclerView_button");
                        }
                    }

                }
            });
            item_RecyclerView.setLayoutManager(new LinearLayoutManager(context));
        }
    }
    public interface onItemClickListener {
        //클릭리스너 인터페이스
        // 클릭한 아이템이 포함되어 있는 리사이클러뷰의 아이템 위치(RecyclerView_position), 상위 아이템의 위치(main_RecyclerView_position), 클릭한 아이템 종류(item_type)를 전달함
        void onItemClick(int RecyclerView_position,int main_RecyclerView_position, String item_type);
    }

    private adapter.onItemClickListener onItemClickListener = null;

    public void setOnItemClickListener(adapter.onItemClickListener listener) {
        this.onItemClickListener = listener;
    }


}

 

 

실행 영상

 

 

 

클릭한 아이템의 텍스트가 상단에 표시되는 것을 볼 수 있습니다.