[안드로이드 코틀린] 프로젝트 - RecyclerView(리사이큘러뷰)를 이용한 액티비티 전환

2023.7.29

 

1. 준비

- 이전 게시물(https://hibread.tistory.com/75)의 연장선으로 책 정보를 받아 화면에 출력할 때 사용한 리사이큘러뷰를 클릭했을 때 책 정보가 나타나는 액티비티를 만들 것이다.

- 이전에 사용한 파일: BookAdapter.kt

- activity_second.xml, SecondActivity.kt

 

 

2. xml 작성

- activity_second.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"
    android:orientation="vertical"
    tools:context=".SecondActivity">

    <ImageView
        android:id="@+id/imgView"
        android:layout_width="120dp"
        android:layout_height="120dp"
        android:background="#000000"/>

    <TextView
        android:id="@+id/textTitle"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="책제목"/>

    <TextView
        android:id="@+id/textAuthor"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="저자"/>

    <TextView
        android:id="@+id/textPulisher"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="출판사"/>

    <TextView
        android:id="@+id/textPubDate"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="출간일"/>

    <TextView
        android:id="@+id/textStory"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="줄거리"/>

</LinearLayout>

 

 

3. BookAdapter.kt 코드 추가

- 리사이큘러뷰의 아이템을 클릭했을 때 그 아이템의 정보와 함께 액티비티 이동

import android.content.Intent
import android.util.Log
import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import android.widget.ImageView
import android.widget.TextView
import androidx.core.content.ContextCompat
import androidx.recyclerview.widget.RecyclerView
import com.bumptech.glide.Glide

class BookAdapter(private var bookList: List<NaverBookItem>) : RecyclerView.Adapter<BookAdapter.BookViewHolder>() {

   ...

    override fun onBindViewHolder(holder: BookViewHolder, position: Int) {  // 실제 화면에 데이터와 레이아웃을 연결
        val book = bookList[position]
        holder.bind(book)

        // 아이템 클릭 이벤트
        holder.itemView.setOnClickListener {
            val intent = Intent(holder.itemView.context, SecondActivity::class.java)
            intent.putExtra("bookTitle", bookList[position].title)
            intent.putExtra("bookAuthor", bookList[position].author)
            intent.putExtra("bookPublisher", bookList[position].publisher)
            intent.putExtra("bookPubDate", bookList[position].pubdate)
            intent.putExtra("bookImgUrl", bookList[position].image)
            intent.putExtra("bookStory", bookList[position].description)
            ContextCompat.startActivity(holder.itemView.context, intent, null)
        }
    }

    ...
}

 

 

4. SecondActivity.kt 작성

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.widget.ImageView
import android.widget.TextView
import com.bumptech.glide.Glide

class SecondActivity : AppCompatActivity() {

    lateinit var imgView: ImageView
    lateinit var textTitle: TextView
    lateinit var textAuthor: TextView
    lateinit var textPublisher: TextView
    lateinit var textPubDate: TextView
    lateinit var textStory: TextView

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_second)

        imgView = findViewById(R.id.imgView)
        textTitle = findViewById(R.id.textTitle)
        textAuthor = findViewById(R.id.textAuthor)
        textPublisher = findViewById(R.id.textPulisher)
        textPubDate = findViewById(R.id.textPubDate)
        textStory = findViewById(R.id.textStory)

        val title = intent.getStringExtra("bookTitle")
        val author = intent.getStringExtra("bookAuthor")
        val publisher = intent.getStringExtra("bookPubliser")
        val pubDate = intent.getStringExtra("bookPubDate")
        val imgUrl = intent.getStringExtra("bookImgUrl")
        val story = intent.getStringExtra("bookStory")

        Glide.with(this).load(imgUrl).into(imgView)
        textTitle.text = title
        textAuthor.text = author
        textPublisher.text = publisher
        textPubDate.text = pubDate
        textStory.text = story
    }
}

 

 

결과