[안드로이드 스튜디오 강좌#4] 버튼 여러개 추가하고 전화 걸기/네이버 접속 기능 넣기

# 이전 포스팅

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

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

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

 

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

 

! 목표

두개의 버튼을 추가하고, 각각 특정한 번호로 전화 걸기, 네이버 접속의 기능을 넣어보자

 

 

 

1. 버튼 추가하고 설정하기

activity_main.xml 탭의 디자인 화면으로 이동한다.

 

왼쪽에 있는 Palette 창에서 버튼을 '확인 1' 버튼 아래에 드래그 시켜서 이동한다.

 

 

양 옆의 동그라미는 파란색이고 위와 밑의 동그라미는 하얀색으로 보인다.

위의 빈 동그라미를 '확인1' 버튼 테두리로 끌어 놓으면 연결선이 표시되여 새 버튼과 '확인1' 버튼에 연결선이 표시 되며 새버튼이 '확인1'버튼으로 달라붙어진다.

 

* 참고 버튼 위치

[안드로이드 스튜디오 강좌#3]

버튼 추가 하기에서 실행시에 버튼 위치가 중간이 아니라 위쪽에 있었는데 위의 위치를 설정을 안해주어서 그렇다. 

하얀색 동그라미를 위나 밑에 드래그 해준 후에 적절히 위치를 조정해주면 버튼의 위치가 올바르게 설정된다.

 

* 참고 xml 작업 화면 키우기

[acrivity_main.xml]의 탭을 더블클릭하면 창이 최대화가 되며 작업 공간이 넓어진다.

 

 

 

- 버튼 설정

 

오른쪽 속성 창에서 사진과 같이

onClick에는 'onButton2Clicked'

text에는 '네이버 접속 하기'를 입력해준다.

 

 

- 세번째 버튼 추가하기

두번째 버튼을 추가했으면, 세번째 버튼을 스스로 추가해보자

팔레트 창에서 버튼을 추가해 밑 쪽의 하얀 동그라미를 아래로 끌어서 밑에 배치시키자

 

속성창에 onClick에는 'onButton3Clicked'

text에는 '전화걸기'를 입력해준다.

 

*참고 디자인 화면에서 단말 변경하기

xml 창은 원본 코드의 디자인을 미리보기로 보여준다.

오른쪽 위에 휴대폰 모양의 'Pixel 버튼(이름은 기종마다 다를 수 있다)'을 눌러 'Nexus9' 항목을 선택해보자

 

버튼의 위치는 유지한 상태로 화면만 바뀐 것을 확인할 수 있다.

또, 휴대폰 모양 옆에 회전하는 버튼을 클릭하면 세로 가로의 미리보기 화면을 모두 확인할 수 있다.

참고로, 단순한 화면은 디자인 화면을 자주 사용하지만, 복잡한 작업을 해야할 때는 직접 XML 코드를 수정할 수 있어야 한다.

 

 

-새 버튼들의 네이버 접속 기능과 전화걸기 기능 추가하기

다시 단말 레이아웃을 Nexus 6로 변경하고 진행하자.

 

'네이버 접속 하기' 버튼에 네이버에 접속하고

'전화걸기' 버튼에 특정 전화번호로 전화를 걸어주는 기능을 넣어보자.

 

MainActivity.java 창을 클릭해 java code를 열고,

첫번째 버튼 메서드 아래에 두세번째 버튼에 대한 코드를 입력해준다.

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-1230-1230"));
				startActivity(myIntent);
    }

Intent는 어떤 기능을 실행할 것인지 지정할 때 사용한다.

 

'onButton2Clicked' 메서드는 '네이버 접속 하기' 버튼을 클릭했을 때 호출되고

'onButton3Clicked' 메서드는 '전화 걸기' 버튼을 클릭했을 때 호출된다.

 

- 코드 전문

오른쪽 Run 버튼을 통해 실행을 시키면,

 

설정한 것과 같이 버튼 3개가 들어있는 것을 확인할 수 있다.

'네이버 접속 하기' 버튼을 눌러서 네이버에 접속해보자

 

또, '전화 걸기' 버튼을 클릭해서 전화를 하는 창으로 이동해보자

 

 

*참고

 

설정한 버튼 위치와 실행 버튼 위치가 다를때

세로의 위치가 설정이 안되어 있어서 버튼이 올라간 것이다.

 

버튼을 클릭해 위의 하얀색 동그라미를 고정을 기준시키고 싶은 위치로 옮겨준다음 적절하게 위치를 조절해준다.

다시 실행해보면 설정한 버튼 위치와 같은 것들을 확인할 수 있다.

 

 

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

공부를 하며 개인용으로 정리하는 것이기 때문에 틀린 부분이 있을 수도 있습니다.

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

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

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

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