[안드로이드 예제] 그림을 그려서 저장해보자 phoroshop 예제 소스

AndroidMenifest.xml에 권한 설정 필요

<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>

<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>

 

 

 

package com.example.phoroshop;

 

import java.io.*;

import java.util.*;

 

import android.app.*;

import android.content.*;

import android.graphics.*;

import android.graphics.Bitmap.CompressFormat;

import android.os.*;

import android.util.*;

import android.view.*;

import android.widget.*;

 

public class PhoroshopActivity extends Activity {

     

      private DrawView mDrawView;

      public static float mStrokeWidth = 1;

      public static int mStrokeColor = Color.BLACK;

      public static int mBackColor = Color.WHITE;

 

      @Override

      protected void onCreate(Bundle savedInstanceState) {

            super.onCreate(savedInstanceState);

            mDrawView = new DrawView(this);

           

            if(savedInstanceState!=null) {

                  // 화면전환 전에 넣어주었던 pointList를 꺼내서 세팅

                  mDrawView.pointList =

                             (ArrayList<PhoroshopActivity.DrawView.Point>) savedInstanceState.getSerializable("list");

            }

 

           

           

            setContentView(mDrawView);

      }

     

      // 방향이 바뀔때 호출되는 메소드(자원 저장용 메소드)

      // Activity가 죽기전에 호출되는 메서드

      @Override

      protected void onSaveInstanceState(Bundle outState) {

            super.onSaveInstanceState(outState);

            outState.putSerializable("list", mDrawView.pointList);

      }

     

      @Override

      public boolean onCreateOptionsMenu(Menu menu) {

            //선굵기,색깔,바탕색 변경 메뉴 추가

            SubMenu subMenu = menu.addSubMenu(0, 0, 0, "선굵기");

            subMenu.add(1, 1, 0, "얇은 선");

            subMenu.add(1, 2, 1, "중간 선");

            subMenu.add(1, 3, 2, "굵은 선");

            subMenu.setGroupCheckable(1, true, true);

 

            getMenuInflater().inflate(R.menu.phoroshop_menu, menu);

           

            // 화면 회전에 따른 저장

            menu.add(2, 4, 5, "그림저장");

            menu.add(3, 5, 6, "불러오기");

           

           

           

            return true;

      }

     

      // 메뉴버튼을 누를때마다 호출(특정값이 선택되어 있게 할 때 사용)

      @Override

      public boolean onPrepareOptionsMenu(Menu menu) {

            switch((int)mStrokeWidth) {

            case 1:

                  menu.findItem(1).setChecked(true);

                  break;

            case 3:

                  menu.findItem(2).setChecked(true);

                  break;

            case 5:

                  menu.findItem(3).setChecked(true);

                  break;

            }

           

            switch(mStrokeColor) {

            case Color.BLACK:

                  menu.findItem(R.id.item_black).setChecked(true);

                  break;

            case Color.BLUE:

                  menu.findItem(R.id.item_blue).setChecked(true);

                  break;

            case Color.RED:

                  menu.findItem(R.id.item_red).setChecked(true);

                  break;

            }

           

            switch(mBackColor) {

            case Color.YELLOW:

                  menu.findItem(R.id.item_back_yellow).setChecked(true);

                  break;

            case Color.WHITE:

                  menu.findItem(R.id.item_back_white).setChecked(true);

                  break;

            case Color.GREEN:

                  menu.findItem(R.id.item_back_green).setChecked(true);

                  break;

            }

            return super.onPrepareOptionsMenu(menu);

      }

     

      @Override

      public boolean onOptionsItemSelected(MenuItem item) {

           

            switch(item.getItemId()) {

            case 1:

                  mStrokeWidth = 1;

                  mDrawView.invalidate();

                  break;

            case 2:

                  mStrokeWidth = 3;

                  mDrawView.invalidate();

                  break;

            case 3:

                  mStrokeWidth = 5;

                  mDrawView.invalidate();

                  break;

                 

            case 4:

                  // 그림을 저장한다.

                  savePicture();

                 

            case 5:

                  // 그림을 불러온다.

                  loadPicture();

                 

            case R.id.item_black:

                  mStrokeColor = Color.BLACK;

                  mDrawView.invalidate();

                  break;

            case R.id.item_blue:

                  mStrokeColor = Color.BLUE;

                  mDrawView.invalidate();

                  break;

            case R.id.item_red:

                  mStrokeColor = Color.RED;

                  mDrawView.invalidate();

                  break;

            case R.id.item_back_white:

                  mBackColor = Color.WHITE;

                  mDrawView.invalidate();

                  break;

            case R.id.item_back_yellow:

                  mBackColor = Color.YELLOW;

                  mDrawView.invalidate();

                  break;

            case R.id.item_back_green:

                  mBackColor = Color.GREEN;

                  mDrawView.invalidate();

                  break;

            case R.id.item_clear:

                  mDrawView.pointList.clear();

                  mDrawView.invalidate();

                 

            }

            return super.onOptionsItemSelected(item);

      }

     

      private void loadPicture() {

            File dir = Environment.getExternalStoragePublicDirectory(Environment.DIRECTORY_PICTURES);

            Bitmap bm = BitmapFactory.decodeFile(dir+"/my.png");

            Log.d("phoro",dir+"/my.png");

            mDrawView.draw(new Canvas(bm));

      }

 

      private void savePicture() {

            // 1. 캐쉬(Cache)를 허용시킨다.

            // 2. 그림을 Bitmap 으로 저장.

            // 3. 캐쉬를 막는다.

            mDrawView.setDrawingCacheEnabled(true);    // 캐쉬허용

            // 캐쉬에서 가져온 비트맵을 복사해서 새로운 비트맵(스크린샷) 생성

            Bitmap screenshot = Bitmap.createBitmap(mDrawView.getDrawingCache());

            mDrawView.setDrawingCacheEnabled(false);   // 캐쉬닫기

           

            // SDCard(ExternalStorage) : 외부저장공간

            // 접근하려면 반드시 AndroidManifest.xml에 권한 설정을 한다.

            File dir =

                  Environment.getExternalStoragePublicDirectory(Environment.DIRECTORY_PICTURES);

            // 폴더가 있는지 확인 후 없으면 새로 만들어준다.

            if(!dir.exists())

                  dir.mkdirs();

            FileOutputStream fos;

            try {

                  fos = new FileOutputStream(new File(dir, "my.png"));

                  screenshot.compress(CompressFormat.PNG, 100, fos);

                  fos.close();

                  Toast.makeText(this, "저장 성공", 0).show();

                 

            } catch (Exception e) {

                  Log.e("phoro","그림저장오류",e);

                  Toast.makeText(this, "저장 실패", 0).show();

            }

      }

 

      private static class DrawView extends View implements View.OnTouchListener {

 

            float x;

            float y;

            public ArrayList<Point> pointList = new ArrayList<PhoroshopActivity.DrawView.Point>();

           

            public DrawView(Context context) {

                  super(context);

                  setOnTouchListener(this);

                  setFocusableInTouchMode(true);  // 이벤트가 계속해서 발생하기 위해

            }

           

            @Override

            protected void onDraw(Canvas canvas) {

                  super.onDraw(canvas);

                 

                  canvas.drawColor(mBackColor);

                 

                  Paint paint = new Paint();

                 

                  if(pointList.size() < 2) return;

                  for (int i=1; i<pointList.size(); i++) {

                       

                        if (pointList.get(i).draw) {

                             paint.setColor(pointList.get(i).mStrokeColor);

                              paint.setStrokeWidth(pointList.get(i).mStrokeWidth);

                             canvas.drawLine(pointList.get(i - 1).x,

                                         pointList.get(i - 1).y, pointList.get(i).x,

                                         pointList.get(i).y, paint);

                        }

                  }

            }

 

            @Override

            public boolean onTouch(View v, MotionEvent event) {

                 

                  x = event.getX();

                  y = event.getY();

                  

                  switch(event.getAction()) {

                  case MotionEvent.ACTION_DOWN:

                        Log.d("phoro", "손가락으로 터치했음");

                        pointList.add(new Point(x,y,false,mStrokeWidth,mStrokeColor));

                        invalidate();         // 그림 다시 그리기

                        return true;                // 이벤트가 여기에서 끝난다.

                       

                  case MotionEvent.ACTION_MOVE:

                        Log.d("phoro", "손가락으로 움직이는 중");

                        pointList.add(new Point(x,y,true,mStrokeWidth,mStrokeColor));

                        invalidate();         // 그림 다시 그리기

                        return true;

                       

                  case MotionEvent.ACTION_UP:

                        Log.d("phoro", "손가락 땠음");

                  default:

                       

                  }

                 

                 

                  return false;

            }//end class DrawView

           

            static class Point implements  Serializable {

                  float x,y;

                  boolean draw;

                  float mStrokeWidth;

                  int mStrokeColor;

                  public Point(float x,float y,boolean draw,float mStrokeWidth,int mStrokeColor) {

                        this.x = x;

                        this.y = y;

                        this.draw = draw;

                        this.mStrokeColor = mStrokeColor;

                        this.mStrokeWidth = mStrokeWidth;

                  }        

                 

            }//end class Point

      }

}

 

 

----------------------------------------------------------------------------------------------------------------------------

phoroshop_menu.xml

 

<?xml version="1.0" encoding="utf-8"?>

<menu xmlns:android="http://schemas.android.com/apk/res/android" >

 

    <item

        android:id="@+id/item1"

        android:title="선 색깔">

        <menu>

            <group

                android:id="@+id/group1"

                android:checkableBehavior="single" >

                <item

                    android:id="@+id/item_red"

                    android:orderInCategory="2"

                    android:title="빨간색"/>

                

                <item

                    android:id="@+id/item_blue"

                    android:orderInCategory="1"

                    android:title="파란색"/>

                <item

                    android:id="@+id/item_black"

                    android:orderInCategory="0"

                    android:title="검은색"/>

            </group>

        </menu>

    </item>

    <item

        android:id="@+id/item2"

        android:title="바탕색">

        <menu>

            <group android:id="@+id/group2" android:checkableBehavior="single">

                <item

                    android:id="@+id/item_back_yellow"

                    android:orderInCategory="0"

                    android:title="노란색"/>

                <item

                    android:id="@+id/item_back_white"

                    android:orderInCategory="1"

                    android:title="하얀색"/>

                <item

                    android:id="@+id/item_back_green"

                    android:orderInCategory="2"

                    android:title="녹색"/>

            </group>

        </menu>

    </item>

    <item android:id="@+id/item_clear" android:title="지우기"></item>

 

</menu>