[강좌] 초급2 - 버튼 클릭 + 리스너

<초급1 - 입문 + xml, java 파일 작성법 바로가기>

---

다음으로 버튼(Button)을 배워보겠습니다.

아래와 같은 화면을 구성해보겠습니다.

[그림2-1] 목표2

먼저 기존의 xml 파일을 아래와 같이 수정합니다.

[그림2-2] activity_my.xml

위와 같이 xml 내용을 입력한 후 미리보기(preview)를 보시면 [그림2-1]와 같은 모습이 보입니다. 이제 뷰는 완성되었습니다.

Java 파일을 아래와 같이 수정합니다.

[그림2-3] MyActivity.java

여기까지 작성한 후 휴대폰을 pc에 연결하고 Run을 시켜봅니다.

어플이 실행되며...는 개뿔 컴파일 에러가 뜹니다. 죄송합니다 ㅎㅎ 코드 설명을 위해 잠깐 멈추었습니다.

---

[그림2-3]의 빨간 박스 안의 코드를 살펴보겠습니다.

바인딩(Binding)이라고 이름까지 있는 중요한 코드입니다.

xml 상의 뷰를 Java에서 컨트롤할 수 있도록 id값을 통해 말그대로 묶어주는(bind) 역할을 합니다.

위 그림처럼, 바인딩한 Java변수에 점(.)을 찍어보면 굉장히 많은 일들을 할 수 있다는 것을 알 수 있습니다.

xml에서 할 수 있는 일(가로 세로 크기 등)을 Java의 바인딩된 변수를 통해서도 할 수 있습니다.

이 바인딩의 가장 큰 장점은 런타임에서의 동적인 처리를 가능케 한다는 것입니다.

우리는 위 목록 중에서 setOnClickListener(OnClickListener l) 함수를 사용해보겠습니다.

위처럼 타이핑 해보면 괄호 안에 빨간 줄이 그이며 뷰에 등록할 OnClickListner 객체를 쓰라고 합니다.

OnClickListener는 인터페이스(Interface)입니다. (SDK 보기)

어떤 뷰가 클릭되었을 때, 그 뷰에 등록되어있는 OnClickListener 객체의 onClick() 함수가 호출되게 됩니다.

즉 우리는 뷰의 setOnClickListener() 함수를 통해 OnClickListener 객체를 해당 뷰에 등록할 수 있고,

등록된 OnClickListener 객체의 onClick() 함수를 수정함으로써 사용자의 클릭에 대한 대응을 할 수 있습니다.

여기에 OnClickListener 객체를 넣는 방법은 크게 두가지가 있습니다.

① 해당 객체를 그자리에서 new로 생성해주는 방법

② 현재 Activity 클래스 자신이 OnClickListener를 구현(implement)하고 자신(this)을 인자로 넘겨주는 방법

결론부터 말하면 ②가 좋습니다만 ①부터 살펴보겠습니다 ㅎㅎ

<① 해당 객체를 그자리에서 new로 생성해주는 방법>

보통 가장 처음으로 배우는 방법입니다.

위와 같이 코드를 작성하고 'do something' 자리에 하고 싶은 일을 적으면 됩니다.

이 방법은 굉장히 간편합니다. 단, 뷰가 하나일 때만요.

버튼이 두개 이상이라면 어떨까요?

뷰의 개수만큼 OnClickListener 객체를 새로 생성해주고 있습니다.

②를 볼까요?

<② 현재 Activity 클래스 자신이 OnClickListener를 구현(implement)하고 자신(this)을 인자로 넘겨주는 방법>

이해를 위해, 구현(implements)도 상속(extends)과 비슷하다고 보시면 좋습니다.

이렇게 쓰는 순간, MyActivity 자신이 OnClickListener 객체가 되게 됩니다.

즉, MyActivity는 Activity이면서 동시에 OnClickListener인겁니다.

따라서 OnClickListener 객체를 요하는 setOnClickListener() 함수에 자기 자신(this)을 인자로 넘겨주면 되는 것입니다.

보시면, 뷰의 개수가 늘어나도 OnClickListener 객체를 새로 생성하지 않습니다. 메모리가 조금이라도 덜 들어가겠죠.

또한 하나의 onClick()함수만 사용함으로써 코드의 가독성이 훨씬 증가합니다.

---

다시 본론으로 돌아가서 Java 파일을 완성해보겠습니다.

[그림2-4] MyActivity.java

위와 같이 작성한 후 휴대폰을 pc에 연결하고 Run을 시켜봅니다.

어플이 실행되며 xml 미리보기에서 봤던 것과 같은 화면이 여러분의 휴대폰에서 보일 것입니다.

'첫 버튼'을 클릭했을 때 '첫 토스트'가 뜬다면 성공입니다.

---

본격적인 안드로이드의 세계로 오신 것을 환영합니다.