들어가기 전에

안드로이드의 SDK에는 다양한 위젯들이 들어 있습니다.

대표적인 것으로 버튼이나 텍스트뷰를 들 수 있죠.

그런데 버튼의 모양을 조금 바꾸고 싶어도 버튼에서 사용할 수 있는 속성이 없다면 어떻게 해야 할까요?

버튼을 상속해서 새로운 버튼을 만들면 원하는 기능을 추가할 수 있습니다.

버튼의 배경에 이미지를 넣어주고 이 이미지가 버튼이 터치된 상태에 따라 바뀌도록 만들 수도 있습니다.

새로운 버튼을 만드는 방법을 알아봅시다.

학습 목표

1. 이미지를 배경으로 설정하고 상태에 따라 변하도록 하려면 어떻게 해야 하는지 설명해봅시다.

핵심 단어

• 뷰의 상속
• 비트맵 버튼

학습하기

비트맵 버튼

버튼의 배경에 이미지를 설정하고 그 버튼이 눌렸을 때 배경 이미지를 다르게 보여주고 싶다면 버튼을 상속해서 새로운 버튼을 만들 수 있습니다.

터치된 상태에 따라 배경 이미지를 바꾸어주어야 하니 터치 이벤트를 처리하는 방법도 알아야 하죠.

배경 이미지를 바꾸고 나면 바뀐 이미지를 화면에 보여줄 수 있게 화면을 갱신해야 합니다.

이때 invalidate 메소드가 사용됩니다.

Invalidate 메소드를 호출하면 화면을 다시 그리게 되며 추가적으로 그릴 수 있도록 onDraw 메소드도 호출해줍니다.

public boolean onTouchEvent(MotionEvent event) {
super.onTouchEvent(event);

int action = event.getAction();

switch (action) {
    case MotionEvent.ACTION_DOWN:
        setBackgroundResource(this.iconClicked);
        break;
    case MotionEvent.ACTION_UP:
        setBackgroundResource(this.iconNormal);
        break;
}

invalidate();

return true;
}

뷰를 상속해서 새로운 뷰를 만든 경우에는 XML 레이아웃에 추가할 때 패키지 명까지 같이 넣어줍니다.

예를 들어, 버튼을 상속해서 비트맵 버튼을 만들었다면 다음과 같이 추가할 수 있습니다.

<org.techtown.bitmapwidget.BitmapButton
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
/>

생각해보기

1. 버튼의 배경 이미지가 바뀌는 기능을 좀 더 간단한 방법으로 만들 수는 없을까요?
2. 만약 setBackground 함수만 호출하고 Invalidate메소드를 호출하지 않으면 어떤 일이 생길까요?

참고 자료