Android Study_1. 안드로이드 스튜디오 버튼 추가하기

안드로이드 스튜디오를 이용해 화면에 여러 버튼을 추가해보자.

총 3개의 버튼을 만들어서,

 

 

1) 버튼1 - 회사 구내식당 링크 연결

2) 버튼2 - 메시지 팝업

3) 버튼3 - 전화연결

 

 

으로 만들어보기로 하자!

 

 

1.  새로운 프로젝트 열기

 

1) 안드로이드 스튜디오 메인화면에서 [ File - New - New Project ] 를 누르고, Empty Activity 선택 후, Next를 선택한다. 

 

 

2) 프로젝트의 Name을 임의로 'button1'로 정하고, Finish 를 선택한다.

 

 

2. 버튼 3개를 만들고, 속성 값 지정하기

 

1) [activity_mail.xml] 탭의 Design 화면에서, 팔레트 내의 Button을 클릭-드래그 해 버튼 3개를 추가해본다.

 

 

2) Button을 클릭하면, 가장자리로 파란색 경계선이 생기면서, 크기를 조절할 수 있게 된다.

 

 

3) 파란 경계선의 동그란 점을 클릭해서 화면의 사각지대 끝으로 늘리면, 버튼이 그 자리에 고정이 된다.

 

 

4) 오른쪽의 속성(Attributes) 탭을 클릭해, text 속성 값은 '구내식당'으로, onClick 속성 값은 'onButton1Clicked'로 입력해 본다.

 

 

5) 두번째 버튼 역시 속성(Attributes) 탭을 이용해서 text 속성 / onClick 속성 값을 넣어주자. text 속성 값은 자신이 원하는 문구를, onClick 속성 값은 'onButton2Clicked'로 입력해 본다.

 

 

6) 마지막 버튼도 마찬가지로 속성(Attributes) 탭을 이용해서 text 속성 / onClick 속성 값을 넣어준다. text 속성 값은 '전화걸기'를, onClick 속성 값은 'onButton3Clicked'로 입력해 본다.

 

 

 

3. 버튼1에 구내식당 접속하기 기능 추가하기

 

1) [MainActivity] 탭을 눌러 소스 코드 화면으로 이동하여 코드를 작성해보자.

   코드는 OnButton1Clicked 메서드 아래에 입력한다.

 

 

4. 버튼2에 팝업에 구내식당 접속하기 기능 추가하기

 

1) OnButton1Clicked 메서드 아래에 이어서 OnButton2Clicked 메서드 아래에 코드를 이어서 입력한다.

    안드로이드에서 Toast(토스트)는 작고 간단한 메시지를 잠깐 보여주는 역할을 한다.

 

 

5. 버튼3에 전화 걸기 기능 추가하기

 

1) OnButton2Clicked 메서드 아래에 이어서 OnButton3Clicked 메서드 아래에 코드를 이어서 입력한다.

   

 

6. 디버깅을 통해 테스트해보자!

 

1) 안드로이드 스튜디오의 오른쪽 상단의 초록 재생버튼을 누르면, 디버깅이 시작된다.

   미리 USB선으로 핸드폰을 연결하고, Connected Devices에서 연결된 나의 핸드폰을 클릭한 뒤, OK를 누른다.

 

 

7. 결과물 확인

 

앱의 기본 첫 화면은 버튼 3개로 구성된다.

 

첫번째 버튼을 누르면 구내식당 인스타그램으로 바로 접속된다.

 

 

두번째 버튼을 누르면 팝업이 뜨는 것을 확인할 수 있다.

 

세번째 버튼을 누르면 전화걸기로 연결된다.