当前位置: 首页 > 编程笔记 >

Android编程实现手绘及保存为图片的方法(附demo源码下载)

苏浩瀚
2023-03-14
本文向大家介绍Android编程实现手绘及保存为图片的方法(附demo源码下载),包括了Android编程实现手绘及保存为图片的方法(附demo源码下载)的使用技巧和注意事项,需要的朋友参考一下

本文实例讲述了Android编程实现手绘及保存为图片的方法。分享给大家供大家参考,具体如下:

运行效果图预览:

应 yzuo_08 要求做了此Demo,跟以前那个手写板Demo不同的是可以将画布的内容保存为图片。

附上关键代码:

MainView.java

package com.tszy.views; 
import java.io.File; 
import java.io.FileNotFoundException; 
import java.io.FileOutputStream; 
import java.io.IOException; 
import android.content.Context; 
import android.graphics.Bitmap; 
import android.graphics.Bitmap.CompressFormat; 
import android.graphics.Bitmap.Config; 
import android.graphics.Canvas; 
import android.graphics.Color; 
import android.graphics.Paint; 
import android.graphics.Path; 
import android.util.AttributeSet; 
import android.view.MotionEvent; 
import android.view.View; 
public class MainView extends View { 
 private Paint paint; 
 private Canvas cacheCanvas; 
 private Bitmap cachebBitmap; 
 private Path path; 
 private int clr_bg, clr_fg; 
 public MainView(Context context, AttributeSet attrs) { 
  super(context, attrs); 
  clr_bg = Color.WHITE; 
  clr_fg = Color.CYAN; 
  paint = new Paint(); 
  paint.setAntiAlias(true); // 抗锯齿 
  paint.setStrokeWidth(3); // 线条宽度 
  paint.setStyle(Paint.Style.STROKE); // 画轮廓 
  paint.setColor(clr_fg); // 颜色 
  path = new Path(); 
  // 创建一张屏幕大小的位图,作为缓冲 
  cachebBitmap = Bitmap.createBitmap(480, 800, Config.ARGB_8888); 
  cacheCanvas = new Canvas(cachebBitmap); 
  cacheCanvas.drawColor(clr_bg); 
 } 
 public MainView(Context context) { 
  super(context); 
 } 
 @Override 
 protected void onDraw(Canvas canvas) { 
  canvas.drawColor(clr_bg); 
  // 绘制上一次的,否则不连贯 
  canvas.drawBitmap(cachebBitmap, 0, 0, null); 
  canvas.drawPath(path, paint);
 } 
 /** 
  * 清空画布 
  */ 
 public void clear() { 
  path.reset(); 
  cacheCanvas.drawColor(clr_bg); 
  invalidate(); 
 } 
 /** 
  * 将画布的内容保存到文件 
  * @param filename 
  * @throws FileNotFoundException 
  */ 
 public void saveToFile(String filename) throws FileNotFoundException { 
  File f = new File(filename); 
  if(f.exists()) 
   throw new RuntimeException("文件:" + filename + " 已存在!"); 
  FileOutputStream fos = new FileOutputStream(new File(filename)); 
  //将 bitmap 压缩成其他格式的图片数据 
  cachebBitmap.compress(CompressFormat.PNG, 50, fos); 
  try { 
   fos.close(); 
  } catch (IOException e) { 
   // TODO Auto-generated catch block 
   e.printStackTrace(); 
  } 
 } 
 private float cur_x, cur_y; 
 private boolean isMoving; 
 @Override 
 public boolean onTouchEvent(MotionEvent event) { 
  // TODO Auto-generated method stub 
  float x = event.getX(); 
  float y = event.getY(); 
  switch (event.getAction()) { 
   case MotionEvent.ACTION_DOWN : { 
    cur_x = x; 
    cur_y = y; 
    path.moveTo(cur_x, cur_y); 
    isMoving = true; 
    break; 
   } 
   case MotionEvent.ACTION_MOVE : { 
    if (!isMoving) 
     break; 
    // 二次曲线方式绘制 
    path.quadTo(cur_x, cur_y, x, y); 
    // 下面这个方法貌似跟上面一样 
    // path.lineTo(x, y); 
    cur_x = x; 
    cur_y = y; 
    break; 
   } 
   case MotionEvent.ACTION_UP : { 
    // 鼠标弹起保存最后状态 
    cacheCanvas.drawPath(path, paint); 
    path.reset(); 
    isMoving = false; 
    break; 
   } 
  } 
  // 通知刷新界面 
  invalidate(); 
  return true; 
 } 
}

Activity 代码:

@Override 
public void onClick(View v) { 
  // TODO Auto-generated method stub 
  switch (v.getId()) { 
   case R.id.iv_btn_clear : 
    view.clear(); 
    break; 
   case R.id.iv_btn_save : { 
    try { 
     String sdState = Environment.getExternalStorageState(); // 判断sd卡是否存在 
     // 检查SD卡是否可用 
     if (!sdState.equals(android.os.Environment.MEDIA_MOUNTED)) { 
      Toast.makeText(this, "SD卡未准备好!", Toast.LENGTH_SHORT).show(); 
      break; 
     } 
     //获取系统图片存储路径 
     File path = Environment.getExternalStoragePublicDirectory(Environment.DIRECTORY_PICTURES); 
     // Make sure the Pictures directory exists. 
     path.mkdirs(); 
     //根据当前时间生成图片名称 
     Calendar c = Calendar.getInstance(); 
     String name = "" 
       + c.get(Calendar.YEAR) + c.get(Calendar.MONTH) + c.get(Calendar.DAY_OF_MONTH) 
       + c.get(Calendar.HOUR_OF_DAY) + c.get(Calendar.MINUTE) + c.get(Calendar.SECOND) 
        + ".png"; 
     //合成完整路径,注意 / 分隔符 
     String string = path.getPath() + "/" + name; 
     view.saveToFile(string); 
     Toast.makeText(this, "保存成功!\n文件保存在:" + string, Toast.LENGTH_LONG).show(); 
    } catch (FileNotFoundException e) { 
     Toast.makeText(this, "保存失败!\n" + e, Toast.LENGTH_LONG).show(); 
    } 
    break; 
   } 
  } 
}

没什么难度,主要是将Bitmap转PNG图片那里,找了一会发现 Canvas 没有直接或间接保存的方法,刚好这里我使用了双缓冲,另一块画布的内容位图自己创建的,很自然想到将这个画布的位图保存为文件即可。

再查看 Bitmap 有个 compress(CompressFormat format, int quality,OutputStream stream) 方法,很明显将文件输出流传给这个方法就OK

@Override 
public void onClick(View v) { 
  // TODO Auto-generated method stub 
  switch (v.getId()) { 
   case R.id.iv_btn_clear : 
    view.clear(); 
    break; 
   case R.id.iv_btn_save : { 
    try { 
     String sdState = Environment.getExternalStorageState(); // 判断sd卡是否存在 
     // 检查SD卡是否可用 
     if (!sdState.equals(android.os.Environment.MEDIA_MOUNTED)) {
      Toast.makeText(this, "SD卡未准备好!", Toast.LENGTH_SHORT).show(); 
      break; 
     } 
     //获取系统图片存储路径 
     File path = Environment.getExternalStoragePublicDirectory(Environment.DIRECTORY_PICTURES); 
     // Make sure the Pictures directory exists. 
     path.mkdirs(); 
     //根据当前时间生成图片名称 
     Calendar c = Calendar.getInstance(); 
     String name = "" 
       + c.get(Calendar.YEAR) + c.get(Calendar.MONTH) + c.get(Calendar.DAY_OF_MONTH) 
       + c.get(Calendar.HOUR_OF_DAY) + c.get(Calendar.MINUTE) + c.get(Calendar.SECOND) 
        + ".png"; 
     //合成完整路径,注意 / 分隔符 
     String string = path.getPath() + "/" + name; 
     view.saveToFile(string); 
     Toast.makeText(this, "保存成功!\n文件保存在:" + string, Toast.LENGTH_LONG).show(); 
    } catch (FileNotFoundException e) { 
     Toast.makeText(this, "保存失败!\n" + e, Toast.LENGTH_LONG).show(); 
    } 
    break; 
   } 
  } 
}

完整实例代码点击此处本站下载。

希望本文所述对大家Android程序设计有所帮助。

 类似资料:
  • 本文向大家介绍jQuery实现滚动鼠标放大缩小图片的方法(附demo源码下载),包括了jQuery实现滚动鼠标放大缩小图片的方法(附demo源码下载)的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jQuery实现滚动鼠标放大缩小图片的方法。分享给大家供大家参考,具体如下: 在项目制作过程中,遇到了这么一个需求,就开发了一个,记录一下。 首先,需要定义html元素和css样式: 在这个样式

  • 本文向大家介绍jQuery打字效果实现方法(附demo源码下载),包括了jQuery打字效果实现方法(附demo源码下载)的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jQuery打字效果实现方法。分享给大家供大家参考,具体如下: 运行效果截图如下: 点击此处查看在线演示效果。 1.前台页面代码: 2.jticker_split.js脚本代码: 完整实例代码点击此处本站下载。 希望本文所

  • 本文向大家介绍Android编程实现简易弹幕效果示例【附demo源码下载】,包括了Android编程实现简易弹幕效果示例【附demo源码下载】的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了Android编程实现简易弹幕效果。分享给大家供大家参考,具体如下: 首先上效果图,类似于360检测到骚扰电话页面: 布局很简单,上面是一个RelativeLayout,下面一个Button. 功能:

  • 本文向大家介绍ASP.NET编程简单实现生成静态页面的方法【附demo源码下载】,包括了ASP.NET编程简单实现生成静态页面的方法【附demo源码下载】的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了ASP.NET编程简单实现生成静态页面的方法。分享给大家供大家参考,具体如下: 1. 使用场景 当页面的数据不需要经常更改时可采用静态页面方式。 2. 使用静态页面的好处 (1)提高网站的访

  • 本文向大家介绍jQuery自定义图片缩放拖拽插件imageQ实现方法(附demo源码下载),包括了jQuery自定义图片缩放拖拽插件imageQ实现方法(附demo源码下载)的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jQuery自定义图片缩放拖拽插件imageQ实现方法。分享给大家供大家参考,具体如下: 综合网上一些代码 自己写的一个图片缩放拖拽的小插件 完整实例代码点击此处本站下载

  • 本文向大家介绍Android编程实现仿优酷圆盘旋转菜单效果的方法详解【附demo源码下载】,包括了Android编程实现仿优酷圆盘旋转菜单效果的方法详解【附demo源码下载】的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了Android编程实现仿优酷圆盘旋转菜单效果的方法。分享给大家供大家参考,具体如下: 目前,用户对安卓应用程序的UI设计要求越来越高,因此,掌握一些新颖的设计很有必要.