Remmar: 안드로이드

레이블이 안드로이드인 게시물을 표시합니다. 모든 게시물 표시

2014/02/28

#4. 안드로이드 개발: 프로젝트 구조 알아보기

) 안드로이드 개발 연재글은 다음의 순서로 이루어 집니다.
#1. 안드로이드 SDK 시작하기: SDK 설치, Eclipse 연동, Hello World 출력하기*
#2. 안드로이드 SDK 시작하기: 프로젝트 생성
#3. 안드로이드 개발: 뷰(View), 액티비티(Activity)
#4. 안드로이드 개발: 프로젝트 구조 알아보기

안드로이드 프로젝트 구조

안드로이드 프로젝트를 보면 소스코드, 생성파일, 리소스를 트리 형태로 정리해 주는 것을 알 수 있습니다.

가장 큰 틀은 src, gen, res, AndroidManifest.xml 입니다.

src는 자바를 다룰때 이미 익숙한 소스코드가 들어있는 폴더입니다. 자바와 행동양식이 같습니다.

gen은 ADT(Android Development Tool)에서 자동 생성한 소스코드가 들어있는 폴더입니다. 대표적인 예로, R.java가 들어가게 되는데, 이를 수정하면 정상적으로 돌아가지 않습니다. 전혀 터치하실게 없을 폴더입니다.

res는 말 그대로 리소스입니다. 레이아웃, strings 등이 정의된 xml 파일로 정리되어 있습니다.

AndriodManifest.xml파일은 어플리케이션을 구성하는 모든 정보가 정리되어있는 파일입니다. 권한, 보안 권한 등을 설정하게 되며, 액티비티의 허용여부도 여기서 정하게 됩니다. 액티비티 작업중 가장 흔한 에러의 원인이 매니페스트에 액티비티를 선언하지 않아 생기게 됩니다.

*) 안드로이드 개발 연재글은 다음의 순서로 이루어 집니다.

#1. 안드로이드 SDK 시작하기: SDK 설치, Eclipse 연동, Hello World 출력하기
#2. 안드로이드 SDK 시작하기: 프로젝트 생성
#3. 안드로이드 개발: 뷰(View), 액티비티(Activity)
#4. 안드로이드 개발: 프로젝트 구조 알아보기

2014/02/27

#3. 안드로이드 개발: 뷰(View), 액티비티(Activity)

*) 안드로이드 개발 연재글은 다음의 순서로 이루어 집니다.

#1. 안드로이드 SDK 시작하기: SDK 설치, Eclipse 연동, Hello World 출력하기
#2. 안드로이드 SDK 시작하기: 프로젝트 생성
#3. 안드로이드 개발: 뷰(View), 액티비티(Activity)
#4. 안드로이드 개발: 프로젝트 구조 알아보기

안드로이드 예제 소스를 프로젝트에서 따올 수는 없어서, 이것 저것 검색하던 도중 안드로이드에서 제공하는 개발자 가이드를 안드로이드 개발사이트인 칸드로이드에서 번역해놓은 것이 있어서 그 자료에서 소스를 따오도록 하겠습니다. 소스.pdf는 링크에서 받으시면 됩니다.

안드로이드 개발: 뷰(View)

뷰는 버튼, 그림, 텍스트 등의 유저 인터페이스(UI) 컴포넌트를 통틀어 부르는 이름입니다. 뷰(View)라는 이름 그대로 사용자에게 보여주는 역할을 합니다. 레이아웃을 하위 클래스로 둡니다.

package Explorer에서 자신의 프로젝트> res>activity_main.xml을 들어가서 Palette를 보면, Form widgets을 찾을 수 있습니다.

뷰와 관련해서는 다음의 블로그에서 굉장히 자세하게 설명되어있기 때문에 이쪽 게시물을 참조하시면 좋을 듯 합니다. 도모네 프로그램 세계

안드로이드 개발: 액티비티(Activity)

개발자 가이드에서는 액티비티를 '액티비티는 사용자가 착수할 수 있는 하나의 포커스된 시도에 대한 비쥬얼 사용자 인터페이스를 나타낸다.' 라고 소개하고 있습니다. 이렇게 말하면 액티비티는 굉장히 추상적인 개념으로 들립니다.

액티비티에 대해서는 인터페이스 자체를 구성하는 기본 단위라고 생각하시면 됩니다. 액티비티는 어플리케이션을 실행했을때 한 동작을 실행하는 동안 보여지는 화면 구성입니다. 안드로이드 메니페스트를 참조해서 관리되며, 하나의 액티비티에는 레이아웃 및 뷰가 들어있습니다.

안드로이드 개발: 레이아웃(Layout)

뷰의 하위 클래스인 레이아웃은 화면상에 뷰를 배치하여 xml파일로 구성합니다.

<?xml version="1.0" encoding = "utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Hello, I am a TextView" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Hello, I am a Button" />
</LinearLayout>

하나의 텍스트뷰와 버튼을 가지는 버티컬 레이아웃 예제 입니다. res>layout>activity_main.xml파일을 수정하면 다음과 같은 Test 실행 결과를 볼 수 있습니다. (보는 방법은 Hello world와 같습니다.)

XML 파일은 HTML 파일과 비슷하게 레이아웃을 텍스트로 구성하여 사람이 읽을 수 있도록 제공합니다. 또한, 아래 Graphical Layout tab을 통해 직접 드래그앤드롭으로 UI를 생성하거나 조작하면 코드가 이에 맞추어 변하는 기능도 제공합니다.

XML 파일의 엘리먼트 이름은 각각 Java 클래스에 묶여 <TextView>는 텍스트뷰를, <LinearLayout>은 LinearLayout 뷰를 생성합니다.

XML 파일은 <?xml version="1.0" encoding = "utf-8"?> 로 시작합니다. 그리고 첫 번째 태그에 xmlns:android="http://schemas.android.com/apk/res/android" 네임태그가 들어가야 정상적으로 동작합니다.

layout_width와 layout_height은 뷰의 각각 너비와 높이를 지정하는 역할을 합니다. 이때 들어갈 수 있는 값으로 fill_parent, wrap_content가 있는데, 전자는 컨테이너 전체의 크기를 받고, 후자는 필요한 크기만을 받습니다. px,dp,mm 등의 절대치도 넣을 수 있습니다.

또한, id를 배정할 수 있는데, 이는 프로그램이 뷰를 찾아올 수 있도록 하는 역할을 합니다. 자세한 것은 예제를 통해 보시면 좋을 듯 합니다.

예제 - 간단한 화면 전환 어플리케이션

위에서 설명한 내용을 바탕으로 화면 전환 어플리케이션을 제작해 보도록 하겠습니다.

우선, 먼저 할 것은 res>values>strings.xml 파일에 다음의 주석을 추가하는 일입니다. 이렇게 strings.xml에 저장해 놓은 값은 외부에서도 꺼내쓸 수 있습니다. 반복되는 문장이나, 일일이 하드코딩으로 치지 않아도 된다는 점이 강점입니다.

이렇게 설정을 해 놓고 저장한 후, sb.xml파일(StartButton)을 만들어 보도록 하겠습니다. xml파일이므로, res>layout 에서 생성하시면 되고, layout의 파일명은 소문자이여야 합니다.

이렇게 코딩을 하시고 저장을 하시면, Start와 Info 버튼이 생성된 것을 보실 수 있습니다. 텍스트뷰에 아까 strings.xml에 저장해 놓은 test를 이용하였고, 각각의 Button에 @+id/ 태그를 이용하여 아이디를 생성하였습니다. 이는 후에 자바파일에서 사용하게 될 것입니다.

sb.xml과 같은 위치에 bb.xml(BackButton)을 생성하도록 하겠습니다. 기본 구조는 sb.xml과 같으므로, 쉽게 따라하실 수 있으리라 생각합니다.

이제 UI부분을 마쳤으니 src>com.example.test에 ForBlogger.java 파일을 생성해보도록 하겠습니다.(새로 생성하려면 이것 저것 설정해야 하니 기존에 있는 파일을 복사, 붙여넣기 하는 것이 편리합니다.)

이것 저것 수정하여 아래와 같이 코딩을 진행합니다. 진행중에, 대부분의 경고 혹은 에러가 뜨는 부분은 Ctrl+Shift+O를 누르면 자동으로 import를 하여 수정됩니다.

이 과정에는 Toast를 이용하여 잠시동안 Text가 뜨도록 설정하였고, Intent를 이용하여 액티비티 전환을 진행하게 됩니다. 앞으로 안드로이드에서 자주 인텐트를 이용하여 액티비티간에 데이터를 전달하거나 원하는 기능을 수행하게 할 겁니다.

마지막으로, 처음 시작할 액티비티를 지정하기 위하여 Manifest 파일을 건드려야 합니다. android:name ="" 부분이 처음 시작할 액티비티를 결정하는 것이며, 우리는 ForBlogger을 첫 액티비티로 지정하고 싶으므로 아래와 같이 설정한 후, 사용할 액티비티인 ForBlogger2또한 추가해 줍니다.

여기까지 진행한 후, Ctrl+F11을 눌러 가상머신에서 돌아가도록 해보면, 앱이 완성되었음을 확인하실 수 있습니다.

*) 안드로이드 개발 연재글은 다음의 순서로 이루어 집니다.

2014/02/25

#2. 안드로이드 SDK 시작하기: 프로젝트 생성

) 안드로이드 개발 연재글은 다음의 순서로 이루어 집니다.
#1. 안드로이드 SDK 시작하기: SDK 설치, Eclipse 연동, Hello World 출력하기*
#2. 안드로이드 SDK 시작하기: 프로젝트 생성
#3. 안드로이드 개발: 뷰(View), 액티비티(Activity)
#4. 안드로이드 개발: 프로젝트 구조 알아보기

안드로이드 SDK 시작하기

프로젝트 생성하기

새로운 프로젝트를 생성하기 위해서는 file>new>other을 클릭합니다.

안드로이드 새로운 프로젝트를 시작할 것이므로, Android Application Project를 클릭합니다.

Application Name은 어플리케이션의 이름을, Project Name은 프로젝트 이름, Package Name은 안드로이드에 업로드 하게 될 때 사용되는 이름으로, 이미 기존 어플리케이션과 중복되면 안됩니다.

Minimum Required SDK는 앱이 지원할 최소사양을, Target SDK는 앱이 지원할 최대사양을 넣으시면 됩니다. 이 범위를 크게 잡게 되면 쓸데없이 용량이 커지게 되는 경우도 있습니다. Compile With는 Target SDK와 동일하게 잡아주시면 크게 문제 되지 않습니다. Theme은 어플리케이션에서 사용하게 되는 테마입니다.

Create custom launcher icon의 경우는 사용자 설정 icon을 생성해주는 기본 선택사항이므로 체크된 상태로 놓아두시면 됩니다. Create activity 역시 액티비티(안드로이드 구성 블록이라고 생각하시면 됩니다.)를 생성하는 기본 선택사항이므로 체크된 상태로 놓아두시면 됩니다.

Mark this project as a library는 프로젝트를 라이브러리로 사용할 것이 아니므로, 체크 해제 상태를 해 둡니다. Create Project in Workspace의 경우는 workspace의 경로를 지정합니다.

이 화면같은 경우는, 아이콘의 형태를 결정하는 화면입니다. 기본으로 안드로이드 로봇의 launcher.icon이 존재하고, 이를 기반으로 어플리케이션을 제작하면, 다음과 같은 아이콘을 VM(가상 머신)에서 확인할 수 있습니다.

액티비티 디자인을 담당하는 화면입니다. 자신의 어플리케이션에 맞는 테마를 선택하시면 됩니다.

이 화면에서 액티비티 이름, 레이아웃 등을 설정하고 Finish를 누르면 새로운 프로젝트를 생성할 수 있습니다.

*) 안드로이드 개발 연재글은 다음의 순서로 이루어 집니다.

2014/02/24

#1. 안드로이드 SDK 시작하기: SDK 설치, Eclipse 연동, Hello World 출력하기

*) 안드로이드 개발 연재글은 다음의 순서로 이루어 집니다.

안드로이드 SDK와 Eclipse

블로그를 시작한 이후로 계속 언어를 바꿔서 조금씩 작업하고 다른 프로젝트로 넘어가고를 반복하고 있습니다. 그래서 GAE -> javascript -> 안드로이드로 넘어오게 되서 연재를 꾸준히 못하고 있는데, 안드로이드 부분만큼은 프로젝트가 끝나더라도 계속해서 연재 할 생각입니다. 안드로이드 SDK와 Eclipse를 시작합니다.

한 대의 컴퓨터로 이것 저것 설정을 바꾸다 보니(심지어 호환성 문제 때문에 32-bit, 64-bit도 왔다갔다 해야 했습니다.) 새로이 설정을 할 때마다 기존에 해놓았던 설정 때문에 에러가 발생하는 것을 종종 보게 됩니다. 이번에 안드로이드 SDK를 이용하기 위해 작업환경을 구축하는데도 여러가지 에러들이 발생해서 처리하는데 하루가 꼬박 걸렸습니다.

그래서 이번에는 java, eclipse, SDK를 모두 삭제한 후, 처음부터 시작을 해 보기로 하였습니다.

안드로이드 SDK 설치 및 Eclipse 설정

우선, 안드로이드 개발을 위해서는 반드시 안드로이드 SDK가 필요합니다. 우선, 다운로드를 위하여 공식사이트인 안드로이드 개발자 홈페이지(http://developer.android.com/index.html)에 방문하셔서 Get the SDK를 클릭 후, 자신의 운영체제에 맞는 번들을 다운받으시면 됩니다.

다운로드를 받으시면, adt-bundle-windows-x86-20131030 (2014/02/26 기준) 혹은 adt-bundle-windows-x86_64-20131030 의 이름을 가진 압축 파일이 운영체제에 따라 다운로드 받아질 것입니다. 이를 작업하고자 하는 디렉토리에 풀어 보시면, adt-bundle-windows-x86-20131030 파일 안에 eclipse, sdk, SDK Manager.exe 세 개가 보이신다면 정상입니다.

우선, SDK Manager.exe 파일을 클릭하면, 여러가지 개발에 필요한 패키지를 설치하실 수 있습니다. 저는 tool 전체, 상위 버전의 안드로이드에서는 SDK platform, Documentation for Android SDK, Google APIs, Sources for Android SDK 패키지를 선택하였고, 하위 버전의 안드로이드에 대해서는 SDK platform만을 설치하였습니다. 또한, Extras는 전체를 선택하였습니다.

이 화면에서 꽤 오랜 시간을 기다립니다. 번들을 받았을 때 가장 좋은 장점은 안드로이드 전용 Eclipse를 포함하고 있기 때문에 플러그인을 설치할 필요가 없다는 점이라고 생각합니다. 플러그인을 설치하게 되는 경우, 제 경우에는 가끔씩 발생하는 오류와 플러그인을 설치할 때 오래걸리기도 하였습니다.

이제 eclipse 폴더로 들어가서, eclipse.exe를 클릭합니다. 안드로이드 전용 eclipse는 화면도 이쁘네요.

이때, 자신이 원하는 workspace 디렉토리를 설정해 주도록 합니다.

이제 들어가게 되면 저는 이런 오류가 발생했습니다. 검색해 본 결과, 기본 설치 경로에서 벗어나면 종종 발생하는 오류라고 합니다.

'Could not find folder 'tools' inside SDK 'C:\Program Files (x86)\Android\android-sdk\'.'라는 오류가 발생하게 되는데, 이는 저 오류 창에 Open Preferences를 클릭하여, 방금 전에 압축을 푼 번들 폴더의 sdk를 경로로 잡아주면 해결됩니다.

Hello World!

Hello World를 띄우기 전에, Hello World를 띄울 가상 머신(Virtual machine)을 한글화 해보도록 하겠습니다. 우선, 가상 머신 설정을 건드리기 위해서는 환경 변수 설정을 하시는 편이 좋습니다. 번들의 경우, 압축을 푼 폴더의 sdk>platform_tools로 들어가 주소를 텍스트로 복사하여 path에 환경변수를 잡아줍니다.

그리고, 가상_머신_한글화.apk 파일을 다운로드 받아 원하는 위치에 이동합니다. 그리고, 그 디렉토리에서 shift + right 클릭을 통해 커맨드라인으로 이동합니다.

그 후, eclipse를 켜서 가상 머신을 활성화 시킵니다.

가장 먼저, 새로운 안드로이드 어플리케이션을 생성합니다.

여기서는 끝까지 next를 누르시면 됩니다. 그후, 가상 머신 실행을 위해 아이콘을 누르시고 새로운 가상 머신을 생성하시면 됩니다.

이 화면에서 기다리면, 이렇게 가상 머신이 동작하는 것을 보실 수 있습니다.

우리는 이 버전을 한글화 하려고 하므로, 이 상태에서 아까 켜 둔 커맨드 라인으로 돌아갑니다. 커맨드 라인에 adb install HangulKeyboard.apk 라고 입력하면, 다음과 화면과 함께, 설치가 완료 됩니다.

가상 머신으로 돌아가 menu>settings>Language>한국어를 선택하시면, 정상적으로 한국어 VM이 된 것을 보실 수 있습니다. 그 후, Language에서 Japanese IME를 선택 해제하신 후, 한자도 선택 해제하시고, 한글 접촉식 키보드를 선택하시면 모든 과정이 완료 됩니다.

google 등의 입력창에서 입력창을 왼클릭을 길게 하시면, 키보드 설정을 한국어로 바꾸실 수 있습니다.

그 후, Android application (저는 Test)를 package Explore에서 선택하신후, Run as android Application을 클릭하시면, 아래와 같은 화면을 볼 수 있습니다. (hello world는 내장되어 있습니다!)

*) 안드로이드 개발 연재글은 다음의 순서로 이루어 집니다.