1.首先我们编写布局文件activity_main.xml如下：

  1.  <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    
     xmlns:tools="http://schemas.android.com/tools"
    
     android:layout_width="match_parent"
    
     android:layout_height="match_parent"
    
     tools:context="com.himi.painter.MainActivity" >
    
     <ImageView
    
         android:layout_width="match_parent"
    
         android:layout_height="match_parent"
    
         android:id="@+id/iv" />
    
 </RelativeLayout>
2.初步编写MainActivity.java，如下：
  1.  package com.himi.painter;
    
 import android.app.Activity;
    
 import android.graphics.Bitmap;
    
 import android.graphics.Canvas;
    
 import android.graphics.Color;
    
 import android.graphics.Paint;
    
 import android.os.Bundle;
    
 import android.view.MotionEvent;
    
 import android.view.View;
    
 import android.view.View.OnTouchListener;
    
 import android.widget.ImageView;
    
 public class MainActivity extends Activity {
    
     private ImageView iv;
    
     private Canvas canvas;
    
     private Paint paint;
    
     private Bitmap bitmap;
    
     @Override
    
     protected void onCreate(Bundle savedInstanceState) {
    
         super.onCreate(savedInstanceState);
    
         setContentView(R.layout.activity_main);
    
         iv = (ImageView) findViewById(R.id.iv);
    
         //创建一个空白的图片，以图片为模板创建一个画板
    
         bitmap = Bitmap.createBitmap(300, 300, Bitmap.Config.ARGB_8888);
    
         //创建画板
    
         canvas  = new Canvas(bitmap);
    
         //创建画笔
    
         paint = new Paint();
    
         paint.setColor(Color.BLACK);

         canvas.drawColor(0x22888888);
    
         iv.setImageBitmap(bitmap);
    
         iv.setOnTouchListener(new OnTouchListener() {
    
              //手在屏幕上的初始化坐标
    
             int startX;
    
             int startY;
    
             public boolean onTouch(View v, MotionEvent event) {
    
                 switch (event.getAction()) {
    
                 case MotionEvent.ACTION_DOWN://手指按下
    
                     startX = (int) event.getX();
    
                     startY = (int) event.getY();
    
                     break;
    
                 case MotionEvent.ACTION_MOVE://手指滑动
    
                     int newX = (int) event.getX();
    
                     int newY = (int) event.getY();
    
                     canvas.drawLine(startX, startY, newX, newY, paint);
    
                     //重新更新UI
    
                     iv.setImageBitmap(bitmap);
    
                     break;
    
                 case MotionEvent.ACTION_UP://手指离开屏幕
    
                     break;
    
                 }

                 return true ;//true ---表示监听事件处理完了,   false---表示没有出来完监听事件
    
             }
    
         });
    
     }
    
 }

    运行效果如下：

 
这个画板程序是有问题的，就是他开始固定了划线的起始点（就是我们刚刚接触屏幕的点），然后就像如图那样好像散射一样。这是不行的。我们要不断地更新我们的划线的起始点；

 
MainActivity修改如下：
  1.  package com.himi.painter;
    
 import android.app.Activity;
    
 import android.graphics.Bitmap;
    
 import android.graphics.Canvas;
    
 import android.graphics.Color;
    
 import android.graphics.Paint;
    
 import android.os.Bundle;
    
 import android.view.MotionEvent;
    
 import android.view.View;
    
 import android.view.View.OnTouchListener;
    
 import android.widget.ImageView;
    
 public class MainActivity extends Activity {
    
     private ImageView iv;
    
     private Canvas canvas;
    
     private Paint paint;
    
     private Bitmap bitmap;
    
     @Override
    
     protected void onCreate(Bundle savedInstanceState) {
    
         super.onCreate(savedInstanceState);
    
         setContentView(R.layout.activity_main);
    
         iv = (ImageView) findViewById(R.id.iv);
    
         //创建一个空白的图片，以图片为模板创建一个画板
    
         bitmap = Bitmap.createBitmap(300, 300, Bitmap.Config.ARGB_8888);
    
         //创建画板
    
         canvas  = new Canvas(bitmap);
    
         //创建画笔
    
         paint = new Paint();
    
         paint.setColor(Color.BLACK);

         canvas.drawColor(0x22888888);
    
         iv.setImageBitmap(bitmap);
    
         iv.setOnTouchListener(new OnTouchListener() {
    
              //手在屏幕上的初始化坐标
    
             int startX;
    
             int startY;
    
             public boolean onTouch(View v, MotionEvent event) {
    
                 switch (event.getAction()) {
    
                 case MotionEvent.ACTION_DOWN://手指按下
    
                     startX = (int) event.getX();
    
                     startY = (int) event.getY();
    
                     break;
    
                 case MotionEvent.ACTION_MOVE://手指滑动
    
                     int newX = (int) event.getX();
    
                     int newY = (int) event.getY();
    
                     canvas.drawLine(startX, startY, newX, newY, paint);
    
                     //重新更新UI
    
                     iv.setImageBitmap(bitmap);
    
                     //很重要,重新给开始坐标赋值
    
                     startX = (int) event.getX();
    
                     startY = (int) event.getY();
    
                     break;
    
                 case MotionEvent.ACTION_UP://手指离开屏幕
    
                     break;
    
                 }

                 return true ;//true ---表示监听事件处理完了,   false---表示没有出来完监听事件
    
             }
    
         });
    
     }
    
 }

    这时候画图板就正常了，如下：

 
 
3.画图板只能一种颜色，太单调，我们完善一下：
其中 activity_main.xml：
 
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

     xmlns:tools="http://schemas.android.com/tools"

     android:layout_width="match_parent"

     android:layout_height="match_parent"

     android:orientation="vertical"

     tools:context="com.himi.painter.MainActivity" >

     <ImageView

         android:id="@+id/iv"

         android:layout_width="wrap_content"

         android:layout_height="wrap_content" />

     <LinearLayout

         android:layout_width="match_parent"

         android:layout_height="wrap_content"

         android:orientation="horizontal" >

         <View

             android:id="@+id/red"

             android:layout_width="20dip"

             android:layout_height="20dip"

             android:background="#ff0000"/>

          <View

              android:id="@+id/green"

             android:layout_width="20dip"

             android:layout_height="20dip"

             android:background="#00ff00"/>

           <View

               android:id="@+id/blue"

               android:layout_width="20dip"

               android:layout_height="20dip"

               android:background="#0000ff" />

     </LinearLayout>

 <!-- android:max="20" 进度条范围对应于  这里是针对画笔粗细范围设置为0~20 -->

     <SeekBar

         android:id="@+id/seekBar1"

         android:max="100"

         android:layout_width="match_parent"

         android:layout_height="wrap_content" />

     <Button

         android:onClick="save"

         android:layout_width="match_parent"

         android:layout_height="wrap_content"

         android:text="保存图片"/>

 </LinearLayout>
其次是MainActivity.java：
 
 package com.himi.painter;

 import java.io.File;

 import java.io.FileOutputStream;

 import android.app.Activity;

 import android.content.Intent;

 import android.graphics.Bitmap;

 import android.graphics.Bitmap.CompressFormat;

 import android.graphics.Canvas;

 import android.graphics.Color;

 import android.graphics.Paint;

 import android.net.Uri;

 import android.os.Bundle;

 import android.os.Environment;

 import android.os.SystemClock;

 import android.view.MotionEvent;

 import android.view.View;

 import android.view.View.OnClickListener;

 import android.view.View.OnTouchListener;

 import android.widget.ImageView;

 import android.widget.SeekBar;

 import android.widget.SeekBar.OnSeekBarChangeListener;

 import android.widget.Toast;

 public class MainActivity extends Activity implements OnClickListener {

     private ImageView iv;

     private Canvas canvas;

     private Paint paint;

     private Bitmap bitmap;

     private View red,green,blue;

     private SeekBar seekBar1;

     @Override

     protected void onCreate(Bundle savedInstanceState) {

         super.onCreate(savedInstanceState);

         setContentView(R.layout.activity_main);

         iv = (ImageView) findViewById(R.id.iv);

         seekBar1 = (SeekBar) findViewById(R.id.seekBar1);

         red = (View) findViewById(R.id.red);

         green = (View) findViewById(R.id.green);

         blue = (View) findViewById(R.id.blue);

         red.setOnClickListener(this);

         green.setOnClickListener(this);

         blue.setOnClickListener(this);

         seekBar1.setOnSeekBarChangeListener(new OnSeekBarChangeListener() {

             public void onStopTrackingTouch(SeekBar seekBar) {//停止拖动进度条，调用的方法

                 int size = seekBar.getProgress();

                 //设置画笔的粗细

                 paint.setStrokeWidth(size);

             }

             public void onStartTrackingTouch(SeekBar seekBar) {//刚刚接触进度条，调用的方法

                 // TODO 自动生成的方法存根

             }

             public void onProgressChanged(SeekBar seekBar, int progress,

                     boolean fromUser) {//拖动进度条过程中，调用的方法

                 // TODO 自动生成的方法存根

             }

         });

         //创建一个空白的图片，以图片为模板创建一个画板

         bitmap = Bitmap.createBitmap(300, 300, Bitmap.Config.ARGB_8888);

         //创建画板

         canvas  = new Canvas(bitmap);

         //创建画笔

         paint = new Paint();

         paint.setColor(Color.BLACK);

         canvas.drawColor(0x22888888);

         iv.setImageBitmap(bitmap);

         iv.setOnTouchListener(new OnTouchListener() {

              //手在屏幕上的初始化坐标

             int startX;

             int startY;

             public boolean onTouch(View v, MotionEvent event) {

                 switch (event.getAction()) {

                 case MotionEvent.ACTION_DOWN://手指按下

                     startX = (int) event.getX();

                     startY = (int) event.getY();

                     break;

                 case MotionEvent.ACTION_MOVE://手指滑动

                     int newX = (int) event.getX();

                     int newY = (int) event.getY();

                     canvas.drawLine(startX, startY, newX, newY, paint);

                     //重新更新UI

                     iv.setImageBitmap(bitmap);

                     //很重要,重新给开始坐标赋值

                     startX = (int) event.getX();

                     startY = (int) event.getY();

                     break;

                 case MotionEvent.ACTION_UP://手指离开屏幕

                     break;

                 }

                 return true ;//true ---表示监听事件处理完了,   false---表示没有出来完监听事件

             }

         });

     }

     public void onClick(View v) {

         switch (v.getId()) {

         case R.id.red:

             paint.setColor(Color.RED);

             Toast.makeText(this, "设置画笔颜色为红色", 0).show();

             break;

         case R.id.green:

             paint.setColor(Color.GREEN);

             Toast.makeText(this, "设置画笔颜色为绿色", 0).show();

             break;

         case R.id.blue:

             paint.setColor(Color.BLUE);

             Toast.makeText(this, "设置画笔颜色为蓝色", 0).show();

             break;

         default:

             break;

         }

     }

     //保存图片

     public void save(View view) {

         try {

             File file = new File(Environment.getExternalStorageDirectory(),SystemClock.uptimeMillis()+".png");

             FileOutputStream stream = new FileOutputStream(file);

             //第一个参数是保存的图片类型;第二个参数是画质(100是完美画质),第三个参数是输出流

             //保存图片类型为PNG支持透明度

             bitmap.compress(CompressFormat.PNG, 100, stream);

             stream.close();

             Toast.makeText(this, "保存成功，文件路径为："+file.getAbsolutePath(), 0).show();

             //Android手机系统自带"图库",里面只有开机的时候  或者是 插入SD卡时候才会扫描里面的资源，这里我们可以欺骗系统,模拟发送SD插入的广播给系统

             Intent intent = new Intent();

             intent.setAction(Intent.ACTION_MEDIA_MOUNTED);

             intent.setData(Uri.fromFile(Environment.getExternalStorageDirectory()));

             sendBroadcast(intent);

         } catch (Exception e) {

             // TODO 自动生成的 catch 块

             e.printStackTrace();

             Toast.makeText(this, "保存失败,请检查路径", 0).show();

         }

     }

 }

运行结果如下：

 

保存图片：

SD保存数据如下：

导出图片1244274.png到桌面上，如下：

Android（java）学习笔记238：多媒体之图片画画板案例的更多相关文章

  1. Android（java）学习笔记181：多媒体之图片画画板案例

    1.首先我们编写布局文件activity_main.xml如下: <RelativeLayout xmlns:android="http://schemas.android.com/a ...

  2. Java学习笔记17（面向对象十：综合案例）

    在面向对象这个专题的最后 结合前面多篇文章,用到了面向对象的很多方面知识,做了一个简单的案例: 饭店案例: package hotel; /* * 酒店的员工类 * 员工共同特点:姓名,工号,工作方法 ...

  3. Android学习笔记进阶之在图片上涂鸦(能清屏)

    Android学习笔记进阶之在图片上涂鸦(能清屏) 2013-11-19 10:52 117人阅读 评论(0) 收藏 举报 HandWritingActivity.java package xiaos ...

  4. Java学习笔记——File类之文件管理和读写操作、下载图片

    Java学习笔记——File类之文件管理和读写操作.下载图片 File类的总结: 1.文件和文件夹的创建 2.文件的读取 3.文件的写入 4.文件的复制(字符流.字节流.处理流) 5.以图片地址下载图 ...

  5. Android动画学习笔记-Android Animation

    Android动画学习笔记-Android Animation   3.0以前,android支持两种动画模式,tween animation,frame animation,在android3.0中 ...

  6. 0028 Java学习笔记-面向对象-Lambda表达式

    匿名内部类与Lambda表达式示例 下面代码来源于:0027 Java学习笔记-面向对象-(非静态.静态.局部.匿名)内部类 package testpack; public class Test1{ ...

  7. 《Java学习笔记(第8版)》学习指导

    <Java学习笔记(第8版)>学习指导 目录 图书简况 学习指导 第一章 Java平台概论 第二章 从JDK到IDE 第三章 基础语法 第四章 认识对象 第五章 对象封装 第六章 继承与多 ...

  8. Java学习笔记：语言基础

    Java学习笔记:语言基础 2014-1-31   最近开始学习Java,目的倒不在于想深入的掌握Java开发,而是想了解Java的基本语法,可以阅读Java源代码,从而拓展一些知识面.同时为学习An ...

  9. Android 数字签名学习笔记

    Android 数字签名学习笔记 在Android系统中,所有安装到系统的应用程序都必有一个数字证书,此数字证书用于标识应用程序的作者和在应用程序之间建立信任关系,如果一个permission的pro ...

随机推荐

  1. BAE Flask UEditor 使用七牛云

    1. 配置BAE支持七牛云的SDK BAE的python requirements当然不支持竞争对手了. 解决方法: 把qiniu这个文件包直接放置在你项目的目录中(与其他app同级) 运行会发现缺少 ...

  2. DEDECMS重要文件

    DEDECMS 重要文件dedecms/include/common.inc.php全局变量文件dedecms/include/extend.func.php自定义函数文件

  3. python中归并排序

    # coding=UTF-8 #!/usr/bin/python import sys def merge(nums, first, middle, last): "merge" ...

  4. 如何正确的使用uwsgi

    简单的安装过程可以在这里找到,这里主要说一下如何配置uwsgi的服务,将uwsgi服务加入系统进程,你可以使用如下两种方式安装 apt-get apt-get install uwsgi 该命令会自动 ...

  5. bzoj2096: [Poi2010]Pilots

    Description Tz又耍畸形了!!他要当飞行员,他拿到了一个飞行员测试难度序列,他设定了一个难度差的最大值,在序列中他想找到一个最长的子串,任意两个难度差不会超过他设定的最大值.耍畸形一个人是 ...

  6. BTREE与其它索引的优缺点对比

    数据库BTree索引.Hash索引.Bitmap位图索引的优缺点 (2016-01-05 17:13:40) 转载▼ 标签: 数据库 索引 mysql oracle 分类: IT http://www ...

  7. 发送邮件（E-mail）方法整理合集

    在IOS开发中,有时候我们会需要用到邮件发送的功能.比如,接收用户反馈和程序崩溃通知等等.其实这个功能是很常用的,因为我目前就有发送邮件的开发需求,所以顺便整理下IOS发送邮件的方法. IOS原生自带 ...

  8. hadoop 2.2.0 集群部署 坑

    注意fs.defaultFS为2..0新的变量,代替旧的:fs.default.name hadoop 2.2.0 集群启动命令:bin/hdfs namenode -formatsbin/start ...

  9. BZOJ 3243 向量内积

    Description 两个\(d\)维向量\(A=[a_{1},a_{2},...,a_{d}]\)与\(B=[b_{1},b_{2},...,b_{d}]\)的内积为其相对应维度的权值的乘积和,即 ...

  10. Qt入门（11）——Qt插件

    Qt提供了一个简单地插件接口,可以轻松地生成作为独立组件的定制数据库驱动.图象格式.文本编解码器(text codec).风格(style)和部件.警告:Qt 3.0.5对插件的一些方面做了改变,具体 ...