[ Kotlin, Java ] Toast (토스트 팝업) 기능 구현하는 방법

[ Kotlin, Java ] Toast (토스트 팝업) 기능 구현하는 방법

728x90

반응형

안녕하세요 상훈입니다.

Kotlin 에서 button 클릭 시, 혹은 image button 클릭 시,

Toast 메시지를 출력하는 방법에 대해 포스팅 하겠습니다.

var contentToast = Toast.makeText(this, "Content button clicked", Toast.LENGTH_SHORT) contentToast.show()

toast의 메시지 생성 방법은 위와 같습니다.

변수에 toast 메시지 내용을 할당하고, show() 함수를 통해 해당 내용을 체이닝하여 출력하는 방식.

반응형

728x90

예제1)

버튼 클릭 시, toast 메시지 출력

private lateinit var binding: ActivityMainBinding onCreate(){ binding.contentBtn.setOnClickListener { var contentToast = Toast.makeText(this, "Content button clicked", Toast.LENGTH_SHORT) contentToast.show() } }

contentBtn이라는 id 를 가진 Image Button에 대한 클릭 이벤트 안에 Toast 메시지를 출력하도록 작성하였습니다.

예제2) : 좋아요 버튼

이미지 버튼을 2개 준비합니다. [ 클릭 전, 클릭 후 ] 의 각각의 이미지를 나타냅니다.

binding.heartBtn.setOnClickListener { if (!liked) { binding.heartBtn.setBackgroundResource(R.drawable.checkedheart); var likeToast = Toast.makeText(this, "Liked!!", Toast.LENGTH_SHORT) likeToast.show() } else { binding.heartBtn.setBackgroundResource(R.drawable.heart); var likeToast = Toast.makeText(this, "UnLiked!!", Toast.LENGTH_SHORT) likeToast.show() } liked = !liked; // reverse }

before & after

클릭 시 toast 메시지 출력과 빈 하트가 빨간 하트로 변경되게 설정하였습니다.

vue로 따지자면 v-if( ! liked ) / else 가 되겠네요.

728x90

반응형

from http://code-hoon.tistory.com/111 by ccl(A) rewrite - 2021-11-04 14:27:27