詳解Android如何實現(xiàn)手繪功能

<&#63;xml version="1.0" encoding="utf-8"&#63;>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:app="http://schemas.android.com/apk/res-auto"
 xmlns:tools="http://schemas.android.com/tools"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 tools:context="com.example.administrator.main.DrawActivity">
 
 <ImageView
  android:id="@+id/iv"
  android:layout_width="1200px"
  android:layout_height="1500px"
  android:layout_alignParentLeft="true"
  android:layout_alignParentRight="true"
  android:layout_alignParentStart="true" />
 
 <LinearLayout
  android:id="@+id/linearLayout4"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:layout_alignParentBottom="true"
  android:layout_gravity="center_horizontal"
  android:orientation="horizontal">
 
 </LinearLayout>
 
 <Button
  android:id="@+id/btn_resume"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:layout_alignParentBottom="true"
  android:layout_alignParentEnd="true"
  android:layout_marginEnd="79dp"
  android:text="重繪" />
 
 <Button
  android:id="@+id/btn_save"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:layout_alignBottom="@+id/linearLayout4"
  android:layout_marginStart="91dp"
  android:layout_toEndOf="@+id/linearLayout4"
  android:text="保存" />
</RelativeLayout>

package com.example.administrator.main;
 
import android.content.Intent;
import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.net.Uri;
import android.os.Environment;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.MotionEvent;
import android.view.View;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.Toast;
 
import java.io.File;
import java.io.FileOutputStream;
 
public class DrawActivity extends AppCompatActivity {
 private ImageView iv;
 private Bitmap baseBitmap;
 private Button btn_resume;
 private Button btn_save;
 private Canvas canvas;
 private Paint paint;
 
 float radio;
 
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_draw);
  radio = 10;
  iv = (ImageView) findViewById(R.id.iv);
  // 初始化一個畫筆，筆觸寬度為5，顏色為紅色
  paint = new Paint();
  paint.setStrokeWidth(radio);
  paint.setColor(Color.BLACK);
  iv = (ImageView) findViewById(R.id.iv);
  btn_resume = (Button) findViewById(R.id.btn_resume);
  btn_save = (Button) findViewById(R.id.btn_save);
 
  btn_resume.setOnClickListener(click);
  btn_save.setOnClickListener(click);
  iv.setOnTouchListener(touch);
 }
 
 private View.OnTouchListener touch = new View.OnTouchListener() {
  // 定義手指開始觸摸的坐標(biāo)
  float startX;
  float startY;
 
  @Override
  public boolean onTouch(View v, MotionEvent event) {
   switch (event.getAction()) {
    // 用戶按下動作
    case MotionEvent.ACTION_DOWN:
     // 第一次繪圖初始化內(nèi)存圖片，指定背景為白色
     if (baseBitmap == null) {
      baseBitmap = Bitmap.createBitmap(iv.getWidth(),
        iv.getHeight(), Bitmap.Config.ARGB_8888);
      canvas = new Canvas(baseBitmap);
      canvas.drawColor(Color.WHITE);
     }
     // 記錄開始觸摸的點的坐標(biāo)
     startX = event.getX();
     startY = event.getY();
     break;
    // 用戶手指在屏幕上移動的動作
    case MotionEvent.ACTION_MOVE:
     // 記錄移動位置的點的坐標(biāo)
     float stopX = event.getX();
     float stopY = event.getY();
 
     Thread t = new Thread(new Runnable() {
      @Override
      public void run() {
       radio += 0.1;
 
       try {
        Thread.sleep(1000);
       } catch (InterruptedException e) {
        e.printStackTrace();
       }
      }
     });
     t.start();
 
     paint.setStrokeWidth(radio);
     //根據(jù)兩點坐標(biāo)，繪制連線
     canvas.drawLine(startX, startY, stopX, stopY, paint);
 
     // 更新開始點的位置
     startX = event.getX();
     startY = event.getY();
     // 把圖片展示到ImageView中
     iv.setImageBitmap(baseBitmap);
     break;
    case MotionEvent.ACTION_UP:
     radio = 5;
     break;
    default:
     break;
   }
   return true;
  }
 };
 private View.OnClickListener click = new View.OnClickListener() {
 
  @Override
  public void onClick(View v) {
   switch (v.getId()) {
    case R.id.btn_save:
     saveBitmap();
     break;
    case R.id.btn_resume:
     resumeCanvas();
     break;
    default:
     break;
   }
  }
 };
 
 /**
  * 保存圖片到SD卡上
  */
 protected void saveBitmap() {
  try {
   // 保存圖片到SD卡上
   String fileName = "/sdcard/"+System.currentTimeMillis() + ".png";
   File file = new File(fileName);
   FileOutputStream stream = new FileOutputStream(file);
   baseBitmap.compress(Bitmap.CompressFormat.PNG, 100, stream);
   Toast.makeText(DrawActivity.this, "保存圖片成功", Toast.LENGTH_SHORT).show();
    // Android設(shè)備Gallery應(yīng)用只會在啟動的時候掃描系統(tǒng)文件夾
    // 這里模擬一個媒體裝載的廣播，用于使保存的圖片可以在Gallery中查看
   Intent intent = new Intent();
   intent.setAction(Intent.ACTION_MEDIA_MOUNTED);
   intent.setData(Uri.fromFile(Environment
     .getExternalStorageDirectory()));
   sendBroadcast(intent);
  } catch (Exception e) {
   Toast.makeText(DrawActivity.this, "保存圖片失敗", Toast.LENGTH_SHORT).show();
   e.printStackTrace();
  }
 }
 
 // 手動清除畫板的繪圖，重新創(chuàng)建一個畫板
 protected void resumeCanvas() {
  if (baseBitmap != null) {
   baseBitmap = Bitmap.createBitmap(iv.getWidth(),
     iv.getHeight(), Bitmap.Config.ARGB_8888);
   canvas = new Canvas(baseBitmap);
   canvas.drawColor(Color.WHITE);
   iv.setImageBitmap(baseBitmap);
   Toast.makeText(DrawActivity.this, "清除畫板成功，可以重新開始繪圖", Toast.LENGTH_SHORT).show();
  }
 }
}