[Android] 텍스트 뷰 속성 변경하기, 버튼 추가하고 이벤트 처리하기

📌 글자 변경하기

• 텍스트 뷰(TextView) : 글자를 화면에 보여주는 것.

텍스트 뷰를 선택하면 오른쪽 창에 텍스트 뷰의 속성(Attribute)이 나타난다.  Attributes - Common Attributes에서 text 속성의 값을 'Hello World!' 에서 '안녕, 안드로이드!'로 변경했다.

글자를 바꾼 모습

📌 버튼 추가하기

디자인 화면 왼편에 있는 팔레트(Palette)에서 화면에 추가할 여러 요소를 찾을 수 있다. 여기서 원하는 요소를 마우스로 끌어 화면에 추가한다. 

Common 항목에서 Button을 화면에 끌어다 놓고, text 속성을 '확인'으로 변경한다. Run(혹은 Shift + F10)을 누르면 다음과 같이 버튼이 잘 배치된 것을 볼 수 있다.

📌 이벤트 처리하기

버튼을 누르는 행위를 '클릭 이벤트'라고 한다. 이벤트가 발생하면 직접 코드를 입력하여 어떻게 동작할지 결정해준다. 위에서 만든 '확인'버튼은 activity_main.xml 파일 안에 들어있는데, 이 버튼을 MainActivity.java에 연결해야 버튼에서 발생한 클릭 이벤트를 자바 소스에서 처리할 수 있다. 버튼에서 발생한 클릭 이벤트를 처리하기 위한 과정은 다음과 같다.

① 소스 파일에 이벤트 처리 함수 추가하기
MainActivity.java 파일을 열고 onButton1Clicked라는 이름의 함수를 추가한다.

② XML 파일의 버튼을 선택하고 onClick 속성 값으로 선택하기
activity_main.xml 파일에 들어있는 버튼에 onClick 속성 값을 onButton1Clicked로 선택한다.

MainActivity.java에 다음과 같은 코드를 추가했다. Toast 클래스의 makeText 함수와 show 함수를 사용하면 화면에 잠깐 나타나는 메세지를 표시할 수 있다.

소스 파일에 함수를 추가했으니 activity_main.xml로 가서 아래와 같이 버튼의 onClick 속성으로 onButton1Clicked 함수를 지정하면 된다. 이렇게 하면 이 버튼이 클릭되었을 때 onButton1Clicked 함수를 찾아 실행하라는 의미가 된다.

이제 다시 실행해보면 다음과 같이 메세지가 보였다가 사라진다.

이번에는 버튼 2개를 더 만든 후 네이버 접속하기와 전화걸기 기능을 추가해보았다.

MainActivity.java에 있는 onButton1Clicked함수 아래에 다음 코드를 추가했다. 그리고 똑같은 방식으로 각 버튼마다 함수를 연결해주었다. 아래 코드에서 인텐트(Intent)는 어떤 기능을 실행할 것인지 지정할 때 사용한다.

  public void onButton2Clicked(View v){
        Intent myIntent = new Intent(Intent.ACTION_VIEW, Uri.parse("http:/m.naver.com"));
        startActivity(myIntent);
    }

    public void onButton3Clicked(View v){
        Intent myIntent = new Intent(Intent.ACTION_VIEW, Uri.parse("tel:010-1000-1000"));
        startActivity(myIntent);
    }

앱을 실행하면 다음과 같은 결과를 볼 수 있다.