간단한 앱개발 어플리케이션 제작하기


이번 시간에는 전화걸기 및 인터넷 접속하기 기능의 간단한 어플제작을 해보겠습니다.
해당 포스팅은 이어지는 내용이므로 아래 이전 포스팅을 순서대로 학습한 뒤에 진행바랍니다.


지난번 시간에는 간단한 버튼을 생성해서 버튼 클릭시 메시지를 출력하는 것을 실습해보았습니다.
이번에는 여러분이 만든 앱을 통해서 간단한 전화걸기나 인터넷 접속을 해보는 예제를 만들어 보도록 하겠습니다.

실습 진행 순서는 다음과 같습니다.
먼저 이클립스를 실행한 뒤에 Graphical Layout에서 전화걸기 버튼과 인터넷 접속 버튼을 생성합니다. activity_main.xml 에서 자동으로 생성된 xml 소스를 확인합니다. xml 소스 확인 뒤에는 java 프로그램에서 버튼 클릭시에 이벤트 처리부분을 작성하도록 하겠습니다.

Grahpial Layout은 activity_main.xml 소스부분이 사용자가 이해하기 쉽게 만들어놓은 일종의 GUI(Grahpic User Interface) 입니다.


그래픽 사용자 인터페이스(영어: graphical user interface, GUI)는 컴퓨터를 사용하면서, 그림으로 된 화면 위의 물체나 틀, 색상과 같은 그래픽 요소들을 어떠한 기능과 용도를 나타내기 위해 고안된 사용자를 위한 컴퓨터 인터페이스이다.


어플리케이션 버튼 만들기


왼쪽 화면에서 

Button 부분을 마우스로 드래그 해서 오른쪽 Layout 화면으로 이동합니다.



마우스를 드래그하는대로 오른쪽 화면으로 옮기면 버튼이 생성됩니다. 마우스로 위치를 버튼의 크기를 적절하게 조절한 뒤에 버튼의 이름을 전화 걸기와 인터넷 접속하기로 변경하겠습니다.





버튼 이름 변경하기


버튼 이름을 변경하기 위해서 하단 부분에 activity_main.xml 탭을 클릭새서 소스를 열어보면 아래와 같이 Button이 자동으로 생성되어 있음을 확인 할 수 있습니다.





activity_main.xml 소스에서 버튼에 보이는 이름은 android:text 부분입니다. 이 부분이 Graphical Layout에서 Button으로 생성되어 있습니 여기에 각각 전화 걸기와 인터넷 접속하기를 입력합니다.
입력이 끝나면 Grahpical Layout 탭으로 이동해서 버튼의 이름이 변경되었는지 확인합니다.



Grahpical Layout 탭을 클릭하면 아래 화면과 같이 전화걸기와 인터넷 접속하기 버튼이 생성되었음을 볼 수 있습니다. 그럼 이제는 버튼에 각각 전화를 거는 이벤트와 인터넷 접속하는 이벤트를 만들어서 실제 버튼 클릭시에 동작이 되도록 만들어보도록 하겠습니다.



조금 전 작업을 Grahpical Layout에서 진행해도 됩니다. 그렇지만 Grahpical Layout 편리하기는 하지만 실제 현장에서 레이아웃 설계를 할 때는 간단한 화면 Layout보다는 복잡한 경우가 많습니다.
조금만 복잡해져도 Grahpcial Layout으로는 실제 단말에서 화면이 깨지거나 activity_main.xml 소스를 직접 수정해야하는 경우가 다반사입니다. 따라서 Grahpcial Layout은 참고용으로 사용을 하고 실제는 activity_main.xml 소스를 직접 수정하는 습관을 들이는 것이 좋습니다.


버튼 클릭 이벤트 만들기


이제 각 버튼에서 Java 소스 코드를 참조해서 버튼을 눌렀을 때 동작이 되도록 만들어 보겠습니다. 
전화걸기 부분의 소스를 다음과 같이 작성합니다. 여기서 Intent 라는 객체를 사용하는 것을 볼 수 있습니다.
Intent는 안드로이드 스마트폰 앱에게 뭔가를 지시하고자하는 의도하는 자바객체라고 생각하면 됩니다. 즉, 안드로이드에게 전화를 걸게하거나, 인터넷을 접속하게 하기위해서 일종의 명령을 내리는 것입니다.




전화걸기 소스코드 작성이 끝나면 인터넷 접속하기 소스를 다음과 같이 작성합니다.


     
       

완성된 전체 소스코드는 아래와 같습니다. 



제작한 앱개발 어플리케이션 실행하기


소스코드 작성이 끝났으면 Ctrl+F11을 눌러서 간단히 제작한 앱개발 어플리케이션을 실행합니다.
기본적으로 안드로이드 애뮬레이터는 구동시켜놓아야 합니다.

애뮬레이터가 실행되면 전화 걸기버튼과 인터넷 접속하기 버튼이 나타납니다. 그럼 전화를 걸어보겠습니다. 전화걸기 버튼을 클릭합니다.



가상 단말이 실행되어서 전화 걸기를 수행합니다. 이번에는 MENU 버튼 옆의 BACK 버튼을 클릭해서 원래 화면으로 돌아온 뒤 인터넷 접속하기 버튼을 클릭해 보도록 하겠습니다.



아래 화면과 같이 다음사이트가 브라우징 되는 것을 확인할 수 있습니다. 사전에 Intent 객체에서 입력한 인터넷 주소로 인터넷 브라우징되는 것입니다.



+ Recent posts