moozi

이번 강좌는 지난 강좌 [ 안드로이드 개발 2.0 ] MP3 플레이어 만들기 1 - AVD에서 MP3 듣기 에서 이어집니다. 지난 강좌에서는 SD Card가 장착된 AVD에 MP3를 넣고 AVD 자체의 Music Player를 이용해서 mp3를 play해 보았는데 이번에는 mp3를 play하고 stop하는 간단한 예제를 작성해 보겠습니다. 1. 다음과 같이 프로젝트를 생성합니다. ( 정확하진 않지만 Android SDK Tools, revision 5를 업데이트 한 후부터 Min SDK Version이 자동으로 입력되지 않는것 같습니다. 수동으로 입력해 주었습니다. ) 2. res -> layout -> main.xml 에 다음과 같이 편집합니다. 코드에서 ProgressBar는 mp3가 play되는 동..

이번 강좌에서는 MP3 플레이어를 만들기 전단계로 AVD에서 제공하는 기능을 이용해 MP3을 플레이 해보겠습니다. 1. 먼저 가상 SD Card를 장착한 AVD를 생성해 보겠습니다. a. 그림과 같이 안드로이드 아이콘 모양 도구 버튼을 눌러 'Android SDK and AVD Manager'를 엽니다. ( Android SDK Tools, revision 5부터 핸드폰 모양에서 안드로이드 아이콘 모양 으로 변경되었습니다. SDK Tools, revision 5 으로 업그레이드는 다음 글을 참조하세요! -> http://moozi.tistory.com/89 ) b. Android SDK and AVD Manager 창에서 오른쪽 상단의 New버튼을 누릅니다. c. Create new AVD 창에서 Nam..

최근에 Android SDK Tools, revision 5 가 추가되었습니다. 이에 따라 이클립스에서도 몇가지 변화가 생겼는데, 가장 눈에 띄는것중 하나는 Android SDK and AVD Manager 아이콘이 기존 핸드폰 모양에서 이런 모양으로 바뀌었습니다. 그럼 Android SDK Tools, revision 5 로 업그레이드 해보겠습니다. 1. Android SDK and AVD Manager를 열어서, 왼쪽 Available Package를 클릭한 다음, 오른쪽에서 다음과 같이 체크합니다. 그리고 Install Selected를 누릅니다. 2. Choose Packages to Install 창에서 오른쪽 하단 'Accept All' 라디오버튼을 체크하고, Install Accepted를 ..

이번 강좌는 [ 안드로이드 개발 2.0 ] 그래픽 2D 3 - SurfaceView 활용 2 ] 에서 이어집니다. 지난 강좌에서 화면에 안드로이드 마스코트 아이콘을 띄웠습니다. 이번 강좌에서는 이 아이콘이 화면을 터치한 위치로 이동하도록 코드를 작성해 보겠습니다. 1. CustomView 클래스의 생성자를 다음과 같이 작성합니다. public CustomView(Context context) { super(context); getHolder().addCallback(this); CVThread = new CustomViewThread(getHolder(), this); setFocusable(true); } 기존 코드에 setFocusable(true); 가 추가되었습니다. setFocusable(tru..

이번 강좌에서는 2D 그래픽 출력하기 입니다. 커스텀뷰를 이용해서 안드로이드 마스코트 아이콘을 화면에 출력해 보겠습니다. 1. 다음과 같이 프로젝트를 생성합니다. 2. src -> my.MyGraphic2D -> MyGraphic2D.java 를 다음과 같이 편집합니다. package my.MyGraphic2D; import android.app.Activity; import android.content.Context; import android.graphics.Bitmap; import android.graphics.BitmapFactory; import android.graphics.Canvas; import android.graphics.Color; import android.os.Bundle; i..

이번 강좌는 SDK를 2.1로 업그레이드하는 내용입니다. 2.1 은 minor upgrade로서 크게 바뀐점은 없으나, 눈에 띄는 변경 사항중 하나는 Live Wallpaper를 개발할수 있는 API 가 추가되었습니다. 이번 버전과의 차이점에 대한 자세한 내용은 다음 링크를 확인하기 바랍니다. http://d.android.com/sdk/api_diff/7/changes.html 업그레이드 하는 방법은 다음과 같습니다. 1. 이클립스에서 Android SDK and AVD Manager를 엽니다. 아래 그림에서 핸드폰 모양 아이콘을 클릭합니다. 2. Android SDK and AVD Manager 창의 왼쪽에서 Available Package를 클릭한다음 오른쪽에서 다음과 같이 선택합니다. SDK 2...

WebView는 웹페이지를 보여주는, 웹브라우저와 비슷한 역할을 하는 뷰입니다. 이번 강좌 역시 안드로이드 개발자 사이트의 내용을 토대로 살펴보겠습니다. 1. 다음과 같이 프로젝트를 생성합니다. 2. AndroidManifest.xml 파일을 다음과 같이 편집합니다. 코드에서 굵은 글씨 부분이 추가되었는데, 인터넷접속을 허가하는 권한을 부여한 것입니다. 3. res -> layout -> main.xml 을 다음과 같이 편집합니다. 코드에서 굵은 글씨 부분이 WebView 가 정의된 곳입니다. 4. src -> my.HelloMyWeb -> HelloMyWeb.java 파일을 다음과 같이 편집합니다. package my.HelloMyWeb; import android.app.Activity; import..

이번 강좌에서는 지난 강좌 MapView 이용하기 3 - MapView 띄우기 에서 이어집니다. 지도상에서 원하는 위치로 이동해서 아이콘으로 위치를 표시하는 코드를 추가해 보겠습니다. 이번 강좌 역시 안드로이드 개발자사이트의 내용을 토대로 살펴봅니다. 1. 먼저 다음 아이콘을 다운로드 받아 바탕화면에 저장한 다음 res -> drawable-hdpi 폴더에 끌어다 놓습니다. [ 아이콘을 res -> drawable-hdpi 폴더에 끌어다 놓은 모습 ] 2. src 폴더 -> my.HelloMyMap 에서 마우스 오른쪽버튼 클릭 -> New -> Class 를 클릭해서 다음과 같이 새 HelloItemizedOverlay.java파일을 추가합니다. 빨간색 박스 부분을 주목해 보시기 바랍니다. 3. Hell..

MapView는 구글 API를 사용하기 때문에 먼저 Google API를 지원하는 에뮬레이터를 생성해야 합니다. 1. 이클립스에서 AVD 매니져를 엽니다. 핸드폰 모양 버튼을 클릭하세요. 2. Andorid SDK and AVD Manager 창에서 오른쪽 next버튼을 누릅니다. 3. Create new AVD 창에서 Name 항목에 AVD 이름을 적고, Target은 Google APIs (Google Inc.) - API Level 6 를 선택합니다. 만약 SDK 2.1 로 업그레이드 했다면 Target을 Google APIs (Google Inc.) - API Level 7 로 할 수 있습니다. 다음, Create AVD 버튼을 클릭합니다. 4. 이어지는 화면에서 OK 버튼을 눌러서 완료합니다. ..

구글 맵 API를 사용하기 위해서는 API Key를 얻어와야만 합니다. API Key를 얻기 위해서는 기본적으로 구글계정이 있어야 하는데 혹시 아직 구글계정이 없다면, 다음 주소로 이동해서 계정을 만듭니다. ( 아래 그림의 빨간색 박스 부분을 클릭하세요 ) Gmail 계정을 갖고 있다면 Gmail계정을 사용해도 됩니다. https://www.google.com/accounts/Login?continue=http://www.google.co.kr/&hl=ko [ 구글 계정 등록 페이지 ] 이제 구글 등록이 완료되었다면 cmd 창을 띄워서 Java SDK가 설치된 디렉토리로 이동합니다. 필자의 경우는 다음과 같습니다. Java SDK 디렉토리 하위에 있는 bin 디렉토리에 API Key를 얻기위한 전단계로 ..

이번에는 TabWidget을 출력할 때 상단의 TitleBar( HellowTablWidget 글씨가 보이는 부분 )을 없애도록 해보겠습니다. 이 강좌는 TabWidget 사용하기 1 에서 이어집니다. 1. 이클립스 프로젝트탐색기에서 res -> AndroidManifest.xml 을 열어서 다음과 같이 편집합니다. 아래 그림의 빨간색박스 부분을 눌러서 AndroidManifest.xml 파일 편집합니다. 원래 코드에서 바뀐 부분은 다음 application 태그 입니다. 2. Ctrl + F11 로 실행합니다. [ 실행결과 ] 3. 다음에는 탭에 아이콘을 넣어 보겠습니다. 다음 아이콘 이미지를 다운로드해서 바탕화면에 저장한 다음 프로젝트탐새기에서 res -> drawable-hdpi 폴더에 끌어다 넣습..

TabWidget은 Tab을 이용해서 서로 다른 view를 이동 할 수 있게 해주는 위젯입니다. 먼저 TabWidget의 모습을 보도록 하겠습니다. [ TabWidget을 실행한 모습 ] 그럼, 안드로드이 개발자 사이트의 내용을 토대로 알아 보겠습니다. 1. 다음과 같이 프로젝트를 생성합니다. 2. 이클립스의 왼쪽 프로젝트 탐색기에서 res -> layout -> main.xml 을 열어서 다음과 같이 편집합니다. TabHost 안에 TabWidget이 위치함을 눈여겨 보기 바랍니다. 3. 프로젝트탐색기에서 src -> my.HelloTabWidget -> HelloTabWidget.java 를 열어서 다음과 같이 편집합니다. package my.HelloTabWidget; import android.a..

Gallery는 이미지등 아이템을 가로로 스크롤 되게 보여주며, 선택한 아이템을 가운데로 위치하게 해주는 뷰(view)입니다. 먼저 Gallery 구현 결과화면을 보겠습니다. [ Gallery 구현 결과 ] 안드로이드 개발자 사이트의 내용을 토대로 살펴봅니다. 1. 먼저 다음과 같이 프로젝트를 생성합니다. 2. 다음 이미지들을 바탕화면에 저장한후 이클립스 왼쪽 프로젝트 탐색기에서 res -> drawable-hdpi 폴더에 마우스로 끌어다 놓습니다. 그러면 다음과 같이 됩니다. 3. 이클립스 왼쪽 프로젝트탐색기에서 res -> layout -> main.xml 을 열어 다음과 같이 편집합니다. 4. 프로젝트탐색기에서 res -> values 에 attr.xml 을 생성합니다. 다음 그림을 참고하세요 먼저..

IE6.0 에서 안드로이드 개발자 사이트가 접속이 안돼서 IE6.0에서 접속하지 않았는데, 오늘 우연히 접속해보니 접속이 되는 것을 발견했습니다. 그래서 혹시 전에 제가 올린 글을 읽으신 분들을 위해서 공지해드립니다. ( http://moozi.tistory.com/19 => 전에 제가 올린글입니다. ) 10-01-15 현재 안드로이드 개발자 사이트가 IE6.0에서 열립니다. [ IE6.0 에서 안드로이드 개발자 사이트 접속 모습 ]

[ 안드로이드 개발 2.0 ] Activity 이야기 이클립스에서 안드로이드 프로젝트를 만들면 생성되는 클래스들은 기본적으로 Activity클래스를 상속받습니다. [ Activity 패키지를 import 하고, Activity 클래스를 상속받은 모습 ] HelloAndroid 예제의 코드를 잠시 보면, public class HelloAndroid extends Activity { .... 굵은 글씨를 보면 HelloAndroid 클래스가 Activity 클래스를 상속받고 있음을 볼 수 있습니다. Activity의 정의를 안드로이드 개발자 사이트에서는 다음과 같이 이야기 합니다. (갑자기 영어가 나와서 죄송...) An activity is a single, focused thing that the us..

[ 안드로이드 개발 2.0 ] GridView 구현하기  GridView는 아이템들을 2차원 격자 형태로 보여줍니다. 스크롤을 지원해서 스크롤하면서 볼 수 있습니다. 다음은 GridView를 이용해서 이미지를 출력한 모습입니다. GridView에 관해서 안드로이드 개발자 사이트의 내용을 토대로 살펴봅니다. 1. 이클립스에서 다음과 같이 프로젝트를 생성합니다. 2. 다음 그림들을 바탕화면에 다운 받은 다음 왼쪽 프로젝트 탐색기의 res -> drawable-hdpi 폴더에 끌어다 놓습니다. 위의 그림들을 끌어다 놓으면 다음과 같이 됩니다. 3. 왼쪽 프로젝트 탐색기의 res -> layout -> main.xml 을 열어 다음 코드를 붙여넣기 합니다. 4. 왼쪽 탐색기에서 src -> my.HelloGr..

[ 안드로이드 개발 2.0 ] ListView 구현하기 ListView는 여러 항목들을 수직방향으로 나열해서 스크롤하면서 볼 수 있게 해줍니다. ListView는 AutoComplete비슷한 기능도 포함하고 있어서 찾으려는 항목을 검색할 수 도 있습니다. 다음은 ListView의 실행 모습입니다. 안드로이드 개발자 사이트의 내용을 기준으로 살펴봅니다. 1. 먼저 다음과 같이 프로젝트를 생성합니다. 2. 다음 코드를 왼쪽 프로젝트 탐색기에서 src -> my.HelloListView -> HelloListView.java 를 열어서 덮어씁니다. package my.HelloListView; import android.app.ListActivity; import android.os.Bundle; import..

[ 안드로이드 개발 2.0 ] 자동완성텍스트뷰( AutoCompleteTextView ) 구현하기 자동완성기능은 검색할 때 검색키워드를 일부만 입력해도( 예를 들면 android 를 검색시 a 만 먼저입력 ) 입력한 문자로 시작되는 단어나 입력한 문자가 포함된 단어들을 쭉 나열해서 보여주는 것을 말합니다. 네이버나 다음과 같은 검색사이트에서 검색할 때 많이 경험해 본 기능일 것입니다. 먼저 실행 결과를 잠시 보겠습니다. 처음 실행하면 위와 같습니다. 텍스트뷰에 ko 라고 입력하면 다음과 같이 됩니다. ko가 포함된 나라 이름들이 검색되는 것을 볼 수 있습니다. 그럼, 안드로이드 개발자 사이트의 내용을 기준으로 살펴보도록하겠습니다. 1. 다음과 같이 이클립스에서 프로젝트를 생성합니다. 2. 왼쪽 프로젝트..

스피너(Spinner)란 말이 좀 생소한데요... 우리가 흔히 콤보박스라고 말하는 것과 비슷한 기능을 합니다. 다음은 스피너의 실행모습입니다. [ Spinner 의 실행 모습 ] 안드로이드 개발자 사이트의 내용을 토대로 살펴보겠습니다. 1. 이클립스에서 다음과 같이 프로젝트를 생성합니다. 2. 이클립스에서 왼쪽 프로젝트 탐색기에서 res -> layout -> main.xml 에 다음 코들를 덮어씁니다. 위의 코드 중에서 굵은 글씨로 된 android:prompt 는 spinner가 실행되서 선택할 때 맨 윗부분에 나타나는 문자열 부분을 지정하기 위해 사용합니다. (다음 그림을 참조하세요.) 위의 그림과 같이 Choose a planet 를 출력하기 위해서는 strings.xml 파일을 편집해야 합니다...

토글버튼은 클릭할때 마다 텍스트가 변경되는 버튼을 말합니다. 즉 on off 가 서로 교대로 나타나게 됩니다. 이번 강좌 역시 안드로이드 개발자 사이트의 내용을 토대로 살펴봅니다. 1. 다음과 같이 이클립스에서 프로젝트를 생성합니다. 2. 왼쪽 프로젝트 탐색기 에서 res -> layout -> main.xml 파일을 열어서 다음 코드를 붙여넣기 합니다. 위 코드에서 토글버튼에 나타나는 Text를 지정하지 않았음을 기억하기 바랍니다. 3. 다음에는 왼쪽 프로젝트 탐색기에서 src -> my.HelloFormStuff5 -> HelloFormStuff5.java 를 열어서 다음을 덮어쓰기 합니다. package my.HelloFormStuff5; import android.app.Activity; impo..

폼 구성요소( Form Stuff ) 중 RadioButton은 여러 항목중 한 개만을 선택할 때 주로 사용합니다. 안드로이드 개발자 사이트의 내용을 토대로 살펴보겠습니다 1. 이클립스에서 다음과 같이 프로젝트를 생성합니다. 2. 왼쪽 프로젝트 탐색기에서 res -> layout -> main.xml 을 열어서 다음 코드를 덮어 씁니다. 위 코드에서 RadioButton 두 개가 하나의 RadioGroup에 속해 있음을 볼 수 있습니다. 같은 RadioGroup에 속한 RadioButton들은 그 중에서 하나만 선택이 가능합니다. 3. 왼쪽 프로젝트탐색기에서 src -> my.HelloFormStuff4 -> HelloFormStuff4.java 를 열어서 다음 코드를 덮어 씁니다. package my...

이번 강좌에서는 폼 구성요소(Form Stuff) 중 CheckBox에 대해서 알아보겠습니다. 안드로이드 개발자 사이트의 내용을 기반으로 살펴봅니다. 1. 먼저 이클립스에서 다음과 같이 프로젝트를 생성합니다. 2. 왼쪽 프로젝트 탐색기에서 res -> layout -> main.xml 을 열어서 다음 코드를 붙여넣기 합니다. 3. 왼쪽 프로젝트 탐색기에서 src -> my.HelloFormStuff3-> HelloFormStuff3.java 를 열어서 다음 코드를 붙여넣기 합니다. package my.HelloFormStuff3; import android.app.Activity; import android.os.Bundle; import android.view.View; import android.vi..

폼 구성요소 중에서 EditText를 테스트 해보겠습니다. 역시 안드로이드 개발자 사이트의 내용을 토대로 살펴보겠습니다. 1. 다음과 같이 이클립스에서 프로젝트를 생성합니다. 2. 왼쪽 프로젝트 탐색기에서 res -> layout -> main.xml 을 열어서 다음 코드를 덮어씁니다. 3. 왼쪽 프로젝트 탐색기에서 src-> my.HelloFormStuff2 -> HelloFormStuff2.java 를 열어서 다음 코드를 덮어씁니다. package my.HelloFormStuff2; import android.app.Activity; import android.os.Bundle; import android.view.KeyEvent; import android.view.View; import andro..

이번 강좌에서는 여러가지 폼 구성 요소(Form Stuff)를 다루어 보겠습니다. Form Stuff 에는 라디오버튼, 체크박스, 이미지버튼, 텍스트필드 등이 있습니다. 안드로이드 개발자 사이트의 내용을 토대로 살펴보겠습니다. 1. 다음과 같이 이클립스에서 프로젝트를 생성합니다. 2. 왼쪽 프로젝트 탐색기에서 res > layout > main.xml 파일을 엽니다. 3. 먼저 ImageButton부터 구현해 보겠습니다. 먼저 이미지버튼에 사용할 이미지 를 바탕화면에 저장한 후 이클립스의 프로젝트탐색기에서 프로젝트폴더 res -> drawable-hdpi 폴더에 드래그하여 끌어 놓습니다. 그리고 나서 다음코드를 main.xml에 덮어쓰기 합니다. 위 코드를 보면 LinearLayout 안에 ImageBu..

TimePicker 는 시간과 분을 선택할 수 있도록 하는 위젯입니다. 안드로이드 개발자 사이트의 내용을 토대로 살펴보겠습니다. 1. 이클립스에서 다음과 같이 프로젝트를 생성합니다. 2. 왼쪽 프로젝트 탐색기에서 res > layout > main.xml 을 열고 다음 코드를 붙여넣기 합니다. 4. 왼쪽 프로젝트 탐색기에서 src > my.HelloTimePicker > HelloTimePicker.java 파일을 열고 코드를 편집합니다. 다음 zip파일을 풀어서 붙여넣기 하세요. * 이클립스에서 코드작성 할 때 Ctrl + Shift + O 키를 누르면 필요한 패키지들이 자동으로 import됩니다. 5. Run -> Run 으로 실행합니다. [ 실행결과 ] * 실행화면에서 "change the time..

DatePicker는 년,월,일을 선택할 수 있는 위젯입니다. 안드로이드 개발자 사이트의 내용을 기반으로 살펴보겠습니다. 1. 다음과 같이 이클립스에서 프로젝트를 생성합니다. 2. 왼쪽 프로젝트 탐색기에서 res -> layout -> main.xml 을 수정합니다. 다음 코드를 붙여넣기 합니다. [ main.xml 을 편집한 모습 ] 3. HelloDatePicker.java 파일을 편집합니다. 다음 압축파일을 풀어서 내용을 덮어 쓰세요. 참고로 이클립스에서 코드를 편집하다가 import 할 패키지가 있을 경우에는 Ctrl+ Shift + O 를 누르면 모든 필요한 package들이 자동으로 추가됩니다. 4. Run -> Run 으로 실행합니다. [ 실행결과 ] 실행결과를 보기까지는 다소 시간이 걸립니..

[ 안드로이드 개발 2.0 ] TableLayout 출력하기 TableLayout은 문자그대로 테이블형태의 레이아웃을 출력할 수 있도록 해줍니다. 안드로이드 개발자 사이트의 내용을 토대로 출력해 보겠습니다. 1. 이클립스에서 다음과 같이 프로젝트를 생성합니다. 2. 왼쪽 프로젝트 탐색기에서 res -> layout -> main.xml 파일을 연 후 다음 소스코드를 붙여넣기 합니다. [ main.xml 에 붙여넣기 한 모습 ] 3. 메뉴에서 Run -> Run 을 선택하여 실행합니다. [ 실행결과 ] 소스코드를 분석해 보면... 는 테이블의 한 행을 의미합니다. 는 문자열을 출력하는 역할을 합니다. 는 가로 구분선을 표시해 줍니다. 다음은 마지막 행인 Quit 문자열을 출력하는 부분을 조금 변경한 것과 ..