안드로이드 그림판 (펜굵기, 칼라피커, 펜스타일, 도형그리기, 이미지크기조절, 이미지 저장, 이미지 불러오기)

소개글

안드로이드로 만든 그림판 예제 입니다.
기능으로는 컬러피커, 리스트뷰를 이용한 굵기조절, Progress Bar를 이용한 굵기조절, 그림을 겔러리에 사진으로 저장, 겔러리에있는 사진을 불러오기, 도형그리기 등이 있습니다.

메뉴 옵션 버튼으로 메뉴들이 생성 됨

기능

그리기, 지우기, 겔러리에 이미지 저장, 겔러리의 이미지 불러오기, 도형그리기, 굵기조절, 컬러피커



자세한설명

도형그리기는 메뉴옵션을 누르신 뒤 Draw에 들어가시면 Pen, Line, Rect, Circle 이렇게 4가지가 있습니다.
Pen은 기존의 그리는 기능
Line은 직선 - 터치를 시작한 자리를 시작점으로 하여 터치가 끝난 지점을 끝점으로 인식하여 시작점과 끝점을 잇는 직선을 그립니다.
Rect는 사각형 - 터치를 시작한 자리를 시작점으로 하여 터치가 끝난 지점을 끝점으로 인식하여 가로 세로 길이를 계산한뒤 사각형을 그립니다.
Circle은 원 - 터치를 시작한 자리를 원의 중심점으로 하여 터치가 끝난 지점을 반지름으로 인식하여 원을 그립니다.

화면 우측하단에 보시게 되면 회색빛깔의 텍스트를 확인하실 수 있습니다. 이것은 현재 사용자가 선택하고 있는 Draw 모드로서 사용자가 Circle을 선택하셨다면 Circle 이란 단어로 표기되어 짐.



굵기조절

메뉴 옵션에서 Bold를 선택하게 되면 펜굵기를 조절할 수 있는 Dialog가 생성됩니다.
이 Dialog에서는 2가지 기능을 사용가능 합니다.
한가지는 select 입니다. 사용자가 자주 사용할 만한 굵기를 리스트뷰에서 선택하여 사용하실 수 있습니다.
두번째는 Progress Bar 입니다. 미세한 조절을 원하시는 분은 Progress Bar를 움직여 사용자가 원하는 굵기를 선택하시면 됩니다. 참고로 현재 소스상에서 Progress Bar의 Max는 100으로 설정되어 있습니다.

펜 스타일이 4가지 설정되어 있습니다.

사진을 불러와서 멀티터치로 사진 크기를 조절할 수 있습니다.

도형에도 펜스타일이 적용되어 있습니다.

혹시 문의사항이 있으시면 네이버 블로그 ( http://mgsonic.blog.me/ ) 에 댓글 달아 놓으시면 답해드리겠습니다.

컴파일 실행환경

최신 Android SDK사용 _ 다운로드 ( http://developer.android.com/sdk/index.html )

압축파일 내 파일목록

.classpath
.project
.settings/org.eclipse.jdt.core.prefs
AndroidManifest.xml
bin/AndroidManifest.xml
bin/classes/com/example/drawtest/AmbilWarnaDialog$1.class
bin/classes/com/example/drawtest/AmbilWarnaDialog$2.class
bin/classes/com/example/drawtest/AmbilWarnaDialog$3.class
bin/classes/com/example/drawtest/AmbilWarnaDialog$4.class
bin/classes/com/example/drawtest/AmbilWarnaDialog$5.class
bin/classes/com/example/drawtest/AmbilWarnaDialog$6.class
bin/classes/com/example/drawtest/AmbilWarnaDialog$OnAmbilWarnaListener.class
bin/classes/com/example/drawtest/AmbilWarnaDialog.class
bin/classes/com/example/drawtest/AmbilWarnaKotak.class
bin/classes/com/example/drawtest/BuildConfig.class
bin/classes/com/example/drawtest/colorpicker_test$1.class
bin/classes/com/example/drawtest/colorpicker_test$2.class
bin/classes/com/example/drawtest/colorpicker_test.class
bin/classes/com/example/drawtest/ColorSelectDialog$1.class
bin/classes/com/example/drawtest/ColorSelectDialog$ColorPickerView.class
bin/classes/com/example/drawtest/ColorSelectDialog$OnColorChangedListener.class
bin/classes/com/example/drawtest/ColorSelectDialog.class
bin/classes/com/example/drawtest/MainActivity$1.class
bin/classes/com/example/drawtest/MainActivity.class
bin/classes/com/example/drawtest/MultitouchView$1.class
bin/classes/com/example/drawtest/MultitouchView$2.class
bin/classes/com/example/drawtest/MultitouchView$3.class
bin/classes/com/example/drawtest/MultitouchView$4.class
bin/classes/com/example/drawtest/MultitouchView$5.class
bin/classes/com/example/drawtest/MultitouchView$6.class
bin/classes/com/example/drawtest/MultitouchView.class
bin/classes/com/example/drawtest/PaintBoard.class
bin/classes/com/example/drawtest/pensize$1.class
bin/classes/com/example/drawtest/pensize.class
bin/classes/com/example/drawtest/R$anim.class
bin/classes/com/example/drawtest/R$array.class
bin/classes/com/example/drawtest/R$attr.class
bin/classes/com/example/drawtest/R$dimen.class
bin/classes/com/example/drawtest/R$drawable.class
bin/classes/com/example/drawtest/R$id.class
bin/classes/com/example/drawtest/R$layout.class
bin/classes/com/example/drawtest/R$menu.class
bin/classes/com/example/drawtest/R$string.class
bin/classes/com/example/drawtest/R$style.class
bin/classes/com/example/drawtest/R.class
bin/classes/com/example/drawtest/test_color$MyView.class
bin/classes/com/example/drawtest/test_color.class
bin/classes/com/example/drawtest/tt$1.class
bin/classes/com/example/drawtest/tt.class
bin/classes.dex
bin/dexedLibs/android-support-v4-0f6154f24bec2f7cf9e5b617b7c09f18.jar
bin/dexedLibs/android-support-v4-3b43c1665e0a8917170d5e01f4961707.jar
bin/dexedLibs/android-support-v4-65db7d73f2db114eb6ab51af651f7a93.jar
bin/dexedLibs/annotations-c4b340eddd99ed1e66531f9ccaeee678.jar
bin/DrawTest.apk
bin/Draw_rubinsRT.apk
bin/jarlist.cache
bin/res/drawable-hdpi/ambilwarna_arrow_down.png
bin/res/drawable-hdpi/ambilwarna_arrow_right.png
bin/res/drawable-hdpi/ambilwarna_cursor.png
bin/res/drawable-hdpi/ambilwarna_hue.png
bin/res/drawable-hdpi/ambilwarna_target.png
bin/res/drawable-hdpi/ex_01.png
bin/res/drawable-hdpi/ex_01_1.png
bin/res/drawable-hdpi/ic_launcher.png
bin/res/drawable-hdpi/logo.png
bin/res/drawable-hdpi/whitebag.png
bin/res/drawable-mdpi/drawable-xhdpi/ic_launcher.png
bin/res/drawable-mdpi/ic_launcher.png
bin/res/drawable-xxhdpi/ic_launcher.png
bin/resources.ap_
gen/com/example/drawtest/BuildConfig.java
gen/com/example/drawtest/R.java
ic_launcher-web.png
libs/android-support-v4.jar
proguard-project.txt
project.properties
res/anim/fade_out.xml
res/anim/fade_st.xml
res/drawable-hdpi/ambilwarna_arrow_down.png
res/drawable-hdpi/ambilwarna_arrow_right.png
res/drawable-hdpi/ambilwarna_cursor.png
res/drawable-hdpi/ambilwarna_hue.png
res/drawable-hdpi/ambilwarna_target.png
res/drawable-hdpi/btn_1.png
res/drawable-hdpi/ex_01.png
res/drawable-hdpi/ex_01_1.png
res/drawable-hdpi/ic_launcher.png
res/drawable-hdpi/image01.JPG
res/drawable-hdpi/image02.JPG
res/drawable-hdpi/logo.png
res/drawable-hdpi/whitebag.png
res/drawable-mdpi/drawable-xhdpi/ic_launcher.png
res/drawable-mdpi/ic_launcher.png
res/drawable-xxhdpi/ic_launcher.png
res/layout/activity_main.xml
res/layout/ambilwarna_dialog.xml
res/layout/color_picker.xml
res/layout/draw.xml
res/layout/join.xml
res/layout/json_test.xml
res/layout/login_main.xml
res/layout/pensize.xml
res/layout/rt_main.xml
res/layout/start.xml
res/layout/test.xml
res/layout/tt.xml
res/menu/main.xml
res/values/arrays.xml
res/values/dimens.xml
res/values/strings.xml
res/values/styles.xml
res/values-sw600dp/dimens.xml
res/values-sw720dp-land/dimens.xml
res/values-v11/styles.xml
res/values-v14/styles.xml
src/com/example/drawtest/AmbilWarnaDialog.java
src/com/example/drawtest/AmbilWarnaKotak.java
src/com/example/drawtest/colorpicker_test.java
src/com/example/drawtest/ColorSelectDialog.java
src/com/example/drawtest/MainActivity.java
src/com/example/drawtest/MultitouchView.java
src/com/example/drawtest/pensize.java
src/com/example/drawtest/test_color.java
src/com/example/drawtest/tt.java
이미지/Screenshot_2013-11-08-11-20-41.png
이미지/Screenshot_2013-11-08-11-20-48.png
이미지/Screenshot_2013-11-08-11-20-56.png
이미지/Screenshot_2013-11-08-11-21-02.png
이미지/Screenshot_2013-11-08-11-21-09.png
이미지/Screenshot_2013-11-08-11-21-26.png
이미지/Screenshot_2013-11-08-11-21-51.png
이미지/Screenshot_2013-11-08-11-22-01.png
이미지/Screenshot_2013-11-08-11-22-09.png
이미지/Screenshot_2013-11-08-11-22-51.png
이미지/Screenshot_2013-11-08-11-23-40.png

전체 목록 보기

참고 자료

없음