kotlin: 클릭이벤트 만들기, 리스너 알아보기

앞서 연습했던 레이아웃만들기에 이어서 진행해봅시다. 

로그인 버튼을 눌렀을때 행동을 취하게 할겁니다.

 

원리는 간단합니다. 다음화면으로 이동하는 기능을 함수로 만들고 버튼을 눌렀을때 함수를 호출하게 하면 된다.

이렇게 화면에서 동작이 변경되거나 상태가 변경되는 함수가 호출되는것을 이벤트라고 하고 그 이벤트가 발생할 때

이를 처리 할 수 있는 인터페이스를 리스너라고 합니다.

 

자 일단 리스너를 만들고 로그인버튼을 눌렀을때 함수를 호출 할 수 있는지부터 확인합니다.

onLoginButtonClicked()

함수를 만들고 안에 함수가 작동하는지 알 수 있게 로그태그를 넣어놓고

login_btn.setOnClickListener(View.OnClickListener {
    onLoginButtonClicked()
})

온클릭 리스너를 설정한 합시다. 이제 앱을 실행하고 로그인 버튼을 누르면 logcat에 로그태그가 나오면 된겁니다.

넹 성공적으로 나옵니다.

 

자 이제 로그인 버튼이 눌렸을때 나올 화면을 임의로 만들어줍시다.

프로젝트에 SecondActivity를 empty activity로 생성해줍시다

 

 

 

대충 뒤로가기 버튼만 있는 조촐한 화면이다. 이제 저 사자화면에서 로그인 버튼을 누르면 두번째 화면으로 전환이 되야 하는데 여기서 우리가 사용할게 바로 intent이다. intent는 컴포넌트간의 통신을 맡고있는데 자세한건 다음에 알아보자 일단

intent는

val intent = Intent(this, SecondActivity::class.java)
startActivity(intent)

이와 같이 사용되는데 현재(this)엑티비티에서 다음(SecondActivity)엑티비티로 넘어갈때 사용하는 코드이다.

intent를 이용해서 로그인 버튼 클릭시 SecondActivity로 이동하도록 만들었다.

 

이제 두번째 엑티비티화면에서 뒤로가기를 누르면 다시 처음화면으로 돌아갈수 있도록 설정을 해보자

SecondActivity.kt에서 뒤로가기 함수를 만들고

fun onBackButtonClicked(view: View){
    Log.d(TAG, "SecondActivity - onBackButtonClicked() called")
    finish()

뒤로가기버튼에 클릭시 위 함수가 호출될 수 있도록 설정해준다.

자이제 한번 눌러볼까 ㄷㄱㄷㄱ...

뿅

아주 잘 작동한다 ㅎㅎ

 

다음엔 로티애니메이션을 커스텀해보자!!