[Android/Kotlin 09] 좋아요👍 아이콘 클릭 이벤트

앱을 제작할 때 빠질 수 없는 기능 중 하나인 "좋아요"버튼, 생각보다 복잡한 코드 구성이지만 차근차근 해서 성공했습니다. 클릭한 아이템의 상세 페이지에서 "좋아요" 상태를 변경하고 돌아와서 해당 변경을 메인 액티비티에서 반영하는 과정들을 정리해 보겠습니다.

🔗 전체코드 github

📌 순서

리사이클러뷰 아이템 클릭 -> 클릭된 데이터 상세페이지로 넘겨주기 -> 상세페이지에서 좋아요 아이콘 클릭 -> 좋아요 아이콘, 좋아요 카운트 데이터 메인으로 넘겨주기 -> 뒤로가기 버튼을 누르면 해당 데이터를 그대로 받아와 메인에 동일하게 넘겨주기

📌 MainActivity

👉 리사이클러뷰 아이템 클릭

adapter.itemClick = object : MyAdapter.ItemClick {
  override fun onClick(view: View, position: Int) {
  	// 클릭한 아이템의 데이터 가져오기
    val clickedItem = dataList[position]
    // 디테일 액티비티로 데이터 전달
    val intent = Intent(this@MainActivity, DetailActivity::class.java)
    intent.putExtra("likePosition", position) // 아이템의 위치 정보 전달
    intent.putExtra("myItem", clickedItem) // 클릭한 아이템 데이터 전달
    activityResultLauncher.launch(intent) // 디테일 액티비티 실행
  }
}

• adapter.itemClick을 통해 리사이클러뷰의 아이템 클릭 이벤트를 처리합니다.
• 디테일 액티비티로 데이터를 전달하기 위해 Intent를 생성하고, likePosition과 myItem 키로 해당 데이터를 담습니다.

👉 디테일 액티비티(DetailActivity)에서 온 데이터 처리

activityResultLauncher = registerForActivityResult(ActivityResultContracts.StartActivityForResult()) {
    if (it.resultCode == RESULT_OK) {
        val likePosition = it.data?.getIntExtra("likePosition", 0) as Int
        val isLiked = it.data?.getBooleanExtra("isLiked", false) as Boolean
        // 데이터 업데이트
        if (isLiked) {
            dataList[likePosition].isLiked = true
            dataList[likePosition].likeCount += 1
        } else {
            if (dataList[likePosition].isLiked) {
                dataList[likePosition].isLiked = false
                dataList[likePosition].likeCount -= 1
            }
        }
        // 어댑터에 변경 사항 알리기
        adapter.notifyItemChanged(likePosition)
    }
}

• registerForActivityResult를 사용하여 디테일 액티비티의 결과를 처리하는 콜백 함수를 정의합니다.
• 디테일 액티비티에서 메인 액티비티로 전달된 데이터(likePosition과 isLiked)를 받아옵니다.
• 데이터를 이용하여 dataList을 업데이트하고, adapter.notifyItemChanged(likePosition)를 호출하여 해당 아이템의 변경 사항을 어댑터에 알립니다.

📌 DetailActivity

DetailActivity는 아이템의 상세 정보를 표시하고, 좋아요(관심) 상태를 토글하며, 뒤로가기 버튼을 통해 메인 액티비티로 돌아갈 때 해당 데이터를 반환합니다.

👉 onCreate 메서드

override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)

    // XML 레이아웃과 연결하여 화면 설정
    binding = ActivityDetailBinding.inflate(layoutInflater)
    setContentView(binding.root)

    // MainActivity로부터 전달된 MyItem 객체 받기
    val receivedItem = intent.getParcelableExtra<MyItem>("myItem")

    // MyItem 객체가 전달되었을 때만 데이터를 화면에 설정
    receivedItem?.let {
        // 화면에 데이터 설정
        binding.detailImage.setImageResource(it.listImage)
        binding.nickname.text = it.nickname
        binding.address.text = it.listAddress
        binding.detailTitle.text = it.listTitle
        binding.detailContent.text = it.detailContent
        binding.price.text = it.listPrice

        // 좋아요(관심) 상태 설정
        isLiked = it.isLiked == true
        binding.detailLikeIcon.setImageResource(if (isLiked) {R.drawable.love_filled} else {R.drawable.love_empty})

        // 뒤로가기 버튼 클릭 시 종료
        binding.backButton.setOnClickListener {
            exit()
        }

        // 좋아요(관심) 아이콘 클릭 시 토글하고 스낵바 표시
        binding.detailLikeIcon.setOnClickListener {
            isLiked = if (!isLiked) {
                binding.detailLikeIcon.setImageResource(R.drawable.love_filled)
                Snackbar.make(binding.constLayout, "관심 목록에 추가되었습니다.", Snackbar.LENGTH_SHORT).show()
                isLiked = true
            } else {
                binding.detailLikeIcon.setImageResource(R.drawable.love_empty)
                isLiked = false
            }
        }
    }
}

• MainActivity에서 전달된 myItem Extra를 사용하여 receivedItem을 가져옵니다.
• isLiked 변수는 아이템의 좋아요(관심) 상태를 나타내며, 클릭 이벤트 핸들러에서 토글됩니다.

👉 exit 메서드 👀중요!

private fun exit() {
    // MainActivity로 데이터를 반환하기 위한 Intent 생성
    val likePosition = intent.getIntExtra("likePosition", 0)
    val intent = Intent(this, MainActivity::class.java).apply {
        putExtra("likePosition", likePosition)
        putExtra("isLiked", isLiked)
    }

    // 결과 설정 및 액티비티 종료
    setResult(RESULT_OK, intent)
    if (!isFinishing) finish()
}

• exit 메서드는 현재 액티비티를 종료하기 전에 MainActivity로 데이터를 반환하기 위한 작업을 수행합니다.
• likePosition과 isLiked 값을 Intent에 추가합니다.
• setResult를 사용하여 MainActivity에게 결과를 전달하고, 액티비티를 종료합니다.

👉 onBackPressed 메서드

override fun onBackPressed() {
    exit()
}

• 뒤로가기 버튼을 눌렀을 때 exit 메서드를 호출하여 동일한 종료 작업을 수행합니다.