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;
}
}
실행 영상
클릭한 아이템의 텍스트가 상단에 표시되는 것을 볼 수 있습니다.
'안드로이드 자바' 카테고리의 다른 글
[JAVA][Android] Segmented buttons 사용하기 (0) | 2024.08.01 |
---|---|
[JAVA][Android]ActivityResultLauncher 앨범 에서 사진 선택 후 이미지뷰에 이미지 넣기 (0) | 2024.07.30 |
[JAVA][Android] 하나의 리사이클러뷰에 여러 타입의 뷰 추가하기 (Multi-View Type) (0) | 2024.07.28 |
[JAVA][Android]항목 선택 다이얼로그 만들기 (0) | 2024.07.27 |
[JAVA][Android] CoordinatorLayout과 BottomSheet 사용해서 유투브 화면 따라 만들기(1) (0) | 2024.07.26 |