JLOG

[안드로이드 스튜디오 강좌#3] 버튼 추가 하기 / 메세지 띄우기 본문

안드로이드 스튜디오/Do it 안드로이드 스튜디오

[안드로이드 스튜디오 강좌#3] 버튼 추가 하기 / 메세지 띄우기

정정선선 2020. 4. 20. 13:28

# 이전 포스팅

[안드로이드 스튜디오 강좌#1] 첫 Hello World 어플 만들기

[안드로이드 스튜디오 강좌#2] text 내용 변경하기

이전 포스팅에 이어서 진행합니다.

 

! 목표

버튼을 추가하고 버튼을 누르면 간단한 메세지를 띄워보자

 

xml의 옆 부분에 있는 Palette에는 화면에 추가할 요소들이 들어있고 이 요소들을 마우스로 끌어 화면에 추가할 수 있다.

 

1. 버튼 추가하기

요소를 마우스로 끌어 넣기 전에 자석 모양 아이콘을 클릭해 금지 모양을 푼다.

그래야지 더 요소를 쉽게 배치할 수 있다.

버튼 모양을 배치하고 더블클릭하고 오른쪽 text의 이름을 '확인1'로 바꾸어 보자

 

 

버튼을 누르는 행위는 안드로이드에서 클릭 이벤트로 인식한다.

자바 코드로 이벤트를 처리해야한다.

 

하지만, activity_main.xml과 자바 소스(Main-Activity.java)는 분리 되어 있다.

그래서 activity_main.xml에 추가했던 버튼을 MainActivity.java에 연결 해야만 한다.

 

- 자바로 코드를 작성하기 전 자동으로 import 해주는 기능을 설정해주자.

  Auto import를 설정하지 않는다면 수동으로 해야되서 매우 귀찮다.

File-Settings으로 Settings 창으로 들어가준다.

 

Settings 창에서 Editor-General-Autoimport 창으로 들어가준다.

 

우리는 JAVA를 사용하므로 자바에서

Add unambiquous imports on the fly

Optimaize imports on the fly (for current project)

 

두가지 Check를 선택해준후 Ok로 창을 나오면 설정이 완료된다.

 

 

다시 자바 코드로 이벤트를 처리 과정을 살펴보자

* 이벤트 처리 과정

  1. XMP 레이아웃 파일의 버튼에 onClick 속성 값 넣기

    activity_main.xml 파일에 있는 버튼에 onClick 속성 값으로 클릭 이벤트를 처리할 함수 이름을 입력함

    이때 함수 이름은 MainActivity.java에 들어 있는 함수 이름을 그대로 사용한다.

  2. 소스 파일에 이벤트 처리 함수 추가하기

    MainActivity.java 파일을 열고 XML에서 지정한 함수를 추가한다.

    onClick에 넣은 함수 이름과 동일해야함

 

지금은 이해가 안 갈테지만, 하나씩 따라해보자

  • XML 레이아웃 파일의 onClick 속성 값 넣기

    흰색 바탕에 있는 '확인1' 버튼을 더블 클릭해준다

     

     

     

    더블 클릭하게 되면, 옆에 속성 값들을 수정할 수 있는 창(Attribute)이 뜬다.

    Common Attributes - onClick을 찾아서 onButton1Clicked을 입력해준다.

 

  • java 소스 파일에 이벤트 처리 함수 추가하기

public void onButton1Clicked(View v) {
        Toast.makeText(this, "저는 확인1이에요.", Toast.LENGTH_LONG).show(); // Toast는 간단한 메세지를 잠깐 보여주는 역할을 수행한다.
    }

 

XML에서 입력했던 onButton1Clicked를 위와 같이 입력해준다.

Toast는 간단한 메세지를 잠깐 보여주는 역할을 한다.

 

 

- code 전문

 

오른쪽 위에 있는 Run을 누르면 어플이 실행되고,

확인1을 누르면 입력했던 '저는 확인1이에요'가 나오는 것을 확인할 수 있다.

 

*버튼의 위치가 처음 설정한 것(중간)과 다르다(위 쪽).

그에 대한 설명은 이 글을 참고하면 된다.

[안드로이드 스튜디오] 버튼 위치가 다를때 / 버튼 위치 조절

 

*만약 View에서 에러가 뜬다면 import android.view.View 가 써져있는지 확인해 보자 (이 글의 autoImport 설정 참고)

 

 

 

## 이 글은 허락을 받아 Do it 안드로이드 앱 프로그래밍을 참고해서 작성되었습니다.

도서에는 더 자세하고 알기 쉽게 설명이 되어 있어 도서를 참고하면서 공부하는 것을 추천드립니다.

도서 정보 : http://www.yes24.com/Product/Goods/15789466

 

Do it! 안드로이드 앱 프로그래밍

안드로이드 분야 1위 도서, 개정 2판으로 돌아오다! (롤리팝, 안드로이드 스튜디오)안드로이드 분야에서 큰 사랑을 받아온 [Do it! 안드로이드 앱 프로그래밍]의 두 번째 전면 개정판이 나왔다. 최신 롤리팝 버전을 적용한 이번 개정 2판은 지난 젤리빈 개정판보다 더 개정폭이 커졌다. 특히 2014년 12월 발표된 안드로이드 공식 개발 도구인 ‘안드...

www.yes24.com

유투브 강의 : https://www.youtube.com/watch?v=nN4xnEcnjE8

Comments