当前位置： 代码迷 >> Android >> Android（java）学习笔记238：多媒体之图片画画夹案例
  详细解决方案

Android（java）学习笔记238：多媒体之图片画画夹案例

热度：80   发布时间：2016-04-27 23:01:48.0
Android（java）学习笔记238：多媒体之图片画画板案例
1.首先我们编写布局文件activity_main.xml如下：
  1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2.     xmlns:tools="http://schemas.android.com/tools"
  3.     android:layout_width="match_parent"
  4.     android:layout_height="match_parent"
  5.     tools:context="com.himi.painter.MainActivity" >
  7.     <ImageView
  8.         android:layout_width="match_parent"
  9.         android:layout_height="match_parent"
  10.         android:id="@+id/iv" />
  12. </RelativeLayout>
2.初步编写MainActivity.java，如下：
  1. package com.himi.painter;
  3. import android.app.Activity;
  4. import android.graphics.Bitmap;
  5. import android.graphics.Canvas;
  6. import android.graphics.Color;
  7. import android.graphics.Paint;
  8. import android.os.Bundle;
  9. import android.view.MotionEvent;
  10. import android.view.View;
  11. import android.view.View.OnTouchListener;
  12. import android.widget.ImageView;
  14. public class MainActivity extends Activity {
  16. 	private ImageView iv;
  17. 	private Canvas canvas;
  18. 	private Paint paint;
  19. 	private Bitmap bitmap;
  20. 	@Override
  21. 	protected void onCreate(Bundle savedInstanceState) {
  22. 		super.onCreate(savedInstanceState);
  23. 		setContentView(R.layout.activity_main);
  24. 		iv = (ImageView) findViewById(R.id.iv);
  25. 	    //创建一个空白的图片，以图片为模板创建一个画板
  26. 		bitmap = Bitmap.createBitmap(300, 300, Bitmap.Config.ARGB_8888);
  27. 		//创建画板
  28. 		canvas  = new Canvas(bitmap);
  29. 		//创建画笔
  30. 		paint = new Paint();
  31. 		paint.setColor(Color.BLACK);
  32. 		
  33. 		canvas.drawColor(0x22888888);
  34. 		iv.setImageBitmap(bitmap);
  35. 		iv.setOnTouchListener(new OnTouchListener() {
  36.              //手在屏幕上的初始化坐标
  37. 			int startX;
  38. 			int startY;
  39. 			public boolean onTouch(View v, MotionEvent event) {
  40. 				switch (event.getAction()) {
  41. 				case MotionEvent.ACTION_DOWN://手指按下
  42.                     startX = (int) event.getX();
  43.                     startY = (int) event.getY();
  44. 					break;
  46. 				case MotionEvent.ACTION_MOVE://手指滑动
  47.                     int newX = (int) event.getX();
  48.                     int newY = (int) event.getY();
  49.                     canvas.drawLine(startX, startY, newX, newY, paint);
  50.                     //重新更新UI
  51.                     iv.setImageBitmap(bitmap);
  52. 					break;
  53. 				case MotionEvent.ACTION_UP://手指离开屏幕
  55. 					break;
  56. 				}
  57. 				
  58. 				return true ;//true ---表示监听事件处理完了,   false---表示没有出来完监听事件
  59. 			}
  60. 		});
  61. 	}
  63. }
运行效果如下：

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

MainActivity修改如下：
  1. package com.himi.painter;
  3. import android.app.Activity;
  4. import android.graphics.Bitmap;
  5. import android.graphics.Canvas;
  6. import android.graphics.Color;
  7. import android.graphics.Paint;
  8. import android.os.Bundle;
  9. import android.view.MotionEvent;
  10. import android.view.View;
  11. import android.view.View.OnTouchListener;
  12. import android.widget.ImageView;
  14. public class MainActivity extends Activity {
  16. 	private ImageView iv;
  17. 	private Canvas canvas;
  18. 	private Paint paint;
  19. 	private Bitmap bitmap;
  20. 	@Override
  21. 	protected void onCreate(Bundle savedInstanceState) {
  22. 		super.onCreate(savedInstanceState);
  23. 		setContentView(R.layout.activity_main);
  24. 		iv = (ImageView) findViewById(R.id.iv);
  25. 	    //创建一个空白的图片，以图片为模板创建一个画板
  26. 		bitmap = Bitmap.createBitmap(300, 300, Bitmap.Config.ARGB_8888);
  27. 		//创建画板
  28. 		canvas  = new Canvas(bitmap);
  29. 		//创建画笔
  30. 		paint = new Paint();
  31. 		paint.setColor(Color.BLACK);
  32. 		
  33. 		canvas.drawColor(0x22888888);
  34. 		iv.setImageBitmap(bitmap);
  35. 		iv.setOnTouchListener(new OnTouchListener() {
  36.              //手在屏幕上的初始化坐标
  37. 			int startX;
  38. 			int startY;
  39. 			public boolean onTouch(View v, MotionEvent event) {
  40. 				switch (event.getAction()) {
  41. 				case MotionEvent.ACTION_DOWN://手指按下
  42.                     startX = (int) event.getX();
  43.                     startY = (int) event.getY();
  44. 					break;
  46. 				case MotionEvent.ACTION_MOVE://手指滑动
  47.                     int newX = (int) event.getX();
  48.                     int newY = (int) event.getY();
  49.                     canvas.drawLine(startX, startY, newX, newY, paint);
  50.                     //重新更新UI
  51.                     iv.setImageBitmap(bitmap);
  52.                     //很重要,重新给开始坐标赋值
  53.                     startX = (int) event.getX();
  54.                     startY = (int) event.getY();
  55. 					break;
  56. 				case MotionEvent.ACTION_UP://手指离开屏幕
  58. 					break;
  59. 				}
  60. 				
  61. 				return true ;//true ---表示监听事件处理完了,   false---表示没有出来完监听事件
  62. 			}
  63. 		});
  64. 	}
  66. }
这时候画图板就正常了，如下：

3.画图板只能一种颜色，太单调，我们完善一下：
其中 activity_main.xml：
  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2.     xmlns:tools="http://schemas.android.com/tools"
  3.     android:layout_width="match_parent"
  4.     android:layout_height="match_parent"
  5.     android:orientation="vertical"
  6.     tools:context="com.himi.painter.MainActivity" >
  8.     <ImageView
  9.         android:id="@+id/iv"
  10.         android:layout_width="wrap_content"
  11.         android:layout_height="wrap_content" />
  13.     <LinearLayout
  14.         android:layout_width="match_parent"
  15.         android:layout_height="wrap_content"
  16.         android:orientation="horizontal" >
  17.         <View 
  18.             android:id="@+id/red"
  19.             android:layout_width="20dip"
  20.             android:layout_height="20dip"
  21.             android:background="#ff0000"/>
  22.          <View
  23.              android:id="@+id/green" 
  24.             android:layout_width="20dip"
  25.             android:layout_height="20dip"
  26.             android:background="#00ff00"/>
  28.           <View
  29.               android:id="@+id/blue"
  30.               android:layout_width="20dip"
  31.               android:layout_height="20dip"
  32.               android:background="#0000ff" />
  33.             
  34.     </LinearLayout>
  35. <!-- android:max="20" 进度条范围对应于  这里是针对画笔粗细范围设置为0~20 -->
  36.     <SeekBar
  37.         android:id="@+id/seekBar1"
  38.         android:max="100"
  39.         android:layout_width="match_parent"
  40.         android:layout_height="wrap_content" />
  41.     <Button
  42.         android:onClick="save" 
  43.         android:layout_width="match_parent"
  44.         android:layout_height="wrap_content"
  45.         android:text="保存图片"/>
  46.         
  47.         
  49. </LinearLayout>

其次是MainActivity.java：
  1. package com.himi.painter;
  3. import java.io.File;
  4. import java.io.FileOutputStream;
  6. import android.app.Activity;
  7. import android.content.Intent;
  8. import android.graphics.Bitmap;
  9. import android.graphics.Bitmap.CompressFormat;
  10. import android.graphics.Canvas;
  11. import android.graphics.Color;
  12. import android.graphics.Paint;
  13. import android.net.Uri;
  14. import android.os.Bundle;
  15. import android.os.Environment;
  16. import android.os.SystemClock;
  17. import android.view.MotionEvent;
  18. import android.view.View;
  19. import android.view.View.OnClickListener;
  20. import android.view.View.OnTouchListener;
  21. import android.widget.ImageView;
  22. import android.widget.SeekBar;
  23. import android.widget.SeekBar.OnSeekBarChangeListener;
  24. import android.widget.Toast;
  26. public class MainActivity extends Activity implements OnClickListener {
  28. 	private ImageView iv;
  29. 	private Canvas canvas;
  30. 	private Paint paint;
  31. 	private Bitmap bitmap;
  32. 	private View red,green,blue;
  33. 	private SeekBar seekBar1;
  34. 	@Override
  35. 	protected void onCreate(Bundle savedInstanceState) {
  36. 		super.onCreate(savedInstanceState);
  37. 		setContentView(R.layout.activity_main);
  38. 		iv = (ImageView) findViewById(R.id.iv);
  39. 		seekBar1 = (SeekBar) findViewById(R.id.seekBar1);
  40. 		red = (View) findViewById(R.id.red);
  41. 		green = (View) findViewById(R.id.green);
  42. 		blue = (View) findViewById(R.id.blue);
  43. 		
  44. 		red.setOnClickListener(this);
  45. 		green.setOnClickListener(this);
  46. 		blue.setOnClickListener(this);
  47. 		
  48. 		seekBar1.setOnSeekBarChangeListener(new OnSeekBarChangeListener() {
  49. 			
  50. 			public void onStopTrackingTouch(SeekBar seekBar) {//停止拖动进度条，调用的方法
  51. 				int size = seekBar.getProgress();
  52. 				//设置画笔的粗细
  53. 				paint.setStrokeWidth(size);
  54. 			}
  55. 			
  56. 			public void onStartTrackingTouch(SeekBar seekBar) {//刚刚接触进度条，调用的方法
  57. 				// TODO 自动生成的方法存根
  58. 				
  59. 			}
  60. 			
  61. 			public void onProgressChanged(SeekBar seekBar, int progress,
  62. 					boolean fromUser) {//拖动进度条过程中，调用的方法
  63. 				// TODO 自动生成的方法存根
  64. 				
  65. 			}
  66. 		});
  67. 		
  68. 	    //创建一个空白的图片，以图片为模板创建一个画板
  69. 		bitmap = Bitmap.createBitmap(300, 300, Bitmap.Config.ARGB_8888);
  70. 		//创建画板
  71. 		canvas  = new Canvas(bitmap);
  72. 		//创建画笔
  73. 		paint = new Paint();
  74. 		paint.setColor(Color.BLACK);
  75. 		
  76. 		canvas.drawColor(0x22888888);
  77. 		iv.setImageBitmap(bitmap);
  78. 		iv.setOnTouchListener(new OnTouchListener() {
  79.              //手在屏幕上的初始化坐标
  80. 			int startX;
  81. 			int startY;
  82. 			public boolean onTouch(View v, MotionEvent event) {
  83. 				switch (event.getAction()) {
  84. 				case MotionEvent.ACTION_DOWN://手指按下
  85.                     startX = (int) event.getX();
  86.                     startY = (int) event.getY();
  87. 					break;
  89. 				case MotionEvent.ACTION_MOVE://手指滑动
  90.                     int newX = (int) event.getX();
  91.                     int newY = (int) event.getY();
  92.                     canvas.drawLine(startX, startY, newX, newY, paint);
  93.                     //重新更新UI
  94.                     iv.setImageBitmap(bitmap);
  95.                     //很重要,重新给开始坐标赋值
  96.                     startX = (int) event.getX();
  97.                     startY = (int) event.getY();
  98. 					break;
  99. 				case MotionEvent.ACTION_UP://手指离开屏幕
  101. 					break;
  102. 				}
  103. 				
  104. 				return true ;//true ---表示监听事件处理完了,   false---表示没有出来完监听事件
  105. 			}
  106. 		});
  107. 	}
  109. 	public void onClick(View v) {
  110. 		switch (v.getId()) {
  111. 		case R.id.red:
  112.             paint.setColor(Color.RED);
  113.             Toast.makeText(this, "设置画笔颜色为红色", 0).show();
  114. 			break;
  115. 		case R.id.green:
  116. 			paint.setColor(Color.GREEN);
  117. 	        Toast.makeText(this, "设置画笔颜色为绿色", 0).show();
  118. 			break;
  119. 		case R.id.blue:
  120. 			paint.setColor(Color.BLUE);
  121. 	        Toast.makeText(this, "设置画笔颜色为蓝色", 0).show();
  122. 			break;
  124. 		default:
  125. 			break;
  126. 		}
  127. 	}
  128. 	
  129. 	//保存图片
  130. 	public void save(View view) {
  131. 		try {
  132. 			File file = new File(Environment.getExternalStorageDirectory(),SystemClock.uptimeMillis()+".png");
  133. 			FileOutputStream stream = new FileOutputStream(file);
  134. 			//第一个参数是保存的图片类型;第二个参数是画质(100是完美画质),第三个参数是输出流
  135. 			//保存图片类型为PNG支持透明度
  136. 			bitmap.compress(CompressFormat.PNG, 100, stream);
  137. 			stream.close();
  138. 			Toast.makeText(this, "保存成功，文件路径为："+file.getAbsolutePath(), 0).show();
  139. 			
  140. 			//Android手机系统自带"图库",里面只有开机的时候  或者是 插入SD卡时候才会扫描里面的资源，这里我们可以欺骗系统,模拟发送SD插入的广播给系统
  141. 			Intent intent = new Intent();
  142. 			intent.setAction(Intent.ACTION_MEDIA_MOUNTED);
  143. 			intent.setData(Uri.fromFile(Environment.getExternalStorageDirectory()));
  144. 			sendBroadcast(intent);
  145. 		} catch (Exception e) {
  146. 			// TODO 自动生成的 catch 块
  147. 			e.printStackTrace();
  148. 			Toast.makeText(this, "保存失败,请检查路径", 0).show();
  149. 		}
  150. 	}
  152. }







  相关解决方案

代码迷 - 您身边的软件异常，代码异常，编程异常助手（发现，解决，分享）
Copyright © 2009-2013 DAIMAMI.COM. All rights reserved.