Android小程序-涂鸦板
最近android课老师布置了一个课后作业，是实现android涂鸦板的功能，
然后自己写了一个简单的涂鸦板，可以实现选择颜色、尺寸、清屏的功能。
首先是效果图：
主要是使用Canvas和Paint来实现画图，并使用触屏事件处理来获取用户滑动的坐标。
首先，新建一个类HandWrite并继承View
实现画图的主要方法是onDraw()方法。
onDraw()：绘图主函数，但是onDraw方法是个触发事件产生的调用，只能通过特定的方法触发事件以来调用onDraw。
触发onDraw函数的方法是：invalidate或者postInvalidate
直接上代码：
package com.example.icarus.ch6_2; import android.content.Context; import android.graphics.Bitmap; import android.graphics.BitmapFactory; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint; import android.util.AttributeSet; import android.view.MotionEvent; import android.view.View; import java.util.Stack; /** * Created by icarus on 3/31/2016. * 自定义组件实现view * 在view上绘制Canvas对象,在onDrow函数中实现 */ public class HandWrite extends View{ //定义画笔 private Paint paint; //存放原始图像 private Bitmap originalBitmap=null; //存放从原始图形复制的图像 private Bitmap new1_Bitmap=null; //存放处理后的图像 private Bitmap new2_Bitmap=null; //画线的起始坐标 private float startX=0,startY=0; //第二次画线起始坐标 private float secondX=0,secondY=0; //画线的终点坐标 private float clickX=0,clickY=0; //清屏按钮是否按下 private boolean isClear=false; //设置是否画线的标志 private boolean isMove=true; //是否按下 private boolean isDown=false; //记录绘画历史的栈 private Stack<Bitmap> bitmap_stack=new Stack<Bitmap>(); //控制是否出栈的标志 private boolean isPOP=false; /** * 实现默认构造函数 * @param context * @param attrs */ public HandWrite(Context context, AttributeSet attrs) { super(context, attrs); //从资源中获取原始图形,android不允许在代码里修改res文件,下面的代码会出错 //originalBitmap= BitmapFactory.decodeResource(getResources(),R.drawable.capture); //需使用这种格式代替 originalBitmap=BitmapFactory.decodeResource(getResources(),R.drawable.capture).copy(Bitmap.Config.ARGB_8888,true); new1_Bitmap=Bitmap.createBitmap(originalBitmap); paint=new Paint(); } /** * 清除涂鸦 */ public void clear(){ isClear=true; new2_Bitmap=Bitmap.createBitmap(originalBitmap); invalidate(); } /** * 撤销功能实现 */ public void doPOP(){ isPOP=true; new2_Bitmap=bitmap_stack.pop(); invalidate(); } /** * 设置颜色 * @param count_color */ public void setColor(int count_color){ switch (count_color){ case 0: paint.setColor(Color.RED);//设置红色 break; case 1: paint.setColor(Color.BLACK);//设置黑色 break; case 2: paint.setColor(Color.GREEN);//设置绿色 break; case 3: paint.setColor(Color.YELLOW);//设置黄色 break; } } /** * 设置画笔宽度 * @param count_stro */ public void setStyle(int count_stro){ paint.setStyle(Paint.Style.FILL);//设置样式 switch (count_stro){ case 0: paint.setStrokeWidth(3.0f); break; case 1: paint.setStrokeWidth(5.0f); break; case 2: paint.setStrokeWidth(7.0f); break; case 3: paint.setStrokeWidth(9.0f); break; } } /** * 绘图主函数 * 但是onDrow是个触发事件产生的调用，只能通过特定的方法触发事件以来调用onDrow * 触发onDrow函数的方法是：invalidate或者postInvalidate * @param canvas */ public void onDraw(Canvas canvas){ super.onDraw(canvas); canvas.drawBitmap(HandWriting(new1_Bitmap),0,0,null); } /** * 利用画板和画笔记录绘制的图形 * @return */ public Bitmap HandWriting(Bitmap o_Bitmap){ Canvas canvas=null;//定义画布 if(isClear){ canvas=new Canvas(new2_Bitmap);//画布为已经绘制好的图形 } else{ canvas=new Canvas(o_Bitmap); } //初始化画笔 paint.setAntiAlias(true); //开始画线 if(isMove){ canvas.drawLine(startX,startY,clickX,clickY,paint);//画线 //将历史绘图存入栈中 bitmap_stack.push(o_Bitmap); } startX=clickX; startY=clickY; if (isClear){ return new2_Bitmap; } return o_Bitmap; } /** * 首先执行该方法 * 全局监听触摸屏事件 * 对画线坐标进行更新 * @param event * @return */ public boolean onTouchEvent(MotionEvent event){ clickX=event.getX(); clickY=event.getY(); if (event.getAction()==MotionEvent.ACTION_DOWN){ isMove=false; isDown=true; invalidate();//调用onDrow方法 return true; } else if (event.getAction()==MotionEvent.ACTION_MOVE){ isDown=false; isMove=true; invalidate();//调用onDrow方法 return true; } return super.onTouchEvent(event); } }界面设置如下：
配置文件如下：
<?xml version="1.0" encoding="utf-8"?> <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:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" android:orientation="vertical" tools:context="com.example.icarus.ch6_2.MainActivity" android:weightSum="1"> <com.example.icarus.ch6_2.HandWrite android:id="@+id/handwriteview" android:layout_width="match_parent" android:layout_height="375dp" /> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal"> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:layout_weight="1" android:orientation="vertical"> <Button android:layout_width="match_parent" android:layout_height="match_parent" android:layout_weight="1" android:id="@+id/btnClear" android:text="@string/btn_clear"/> <Button android:layout_width="match_parent" android:layout_height="match_parent" android:layout_weight="1" android:id="@+id/btnPOP" android:text="@string/btn_pop"/> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:layout_weight="1"> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:layout_weight="1" android:orientation="horizontal"> <Button android:layout_width="match_parent" android:layout_height="match_parent" android:layout_weight="1" android:id="@+id/btnColorRed" android:background="#ff0000"/> <Button android:layout_width="match_parent" android:layout_height="match_parent" android:layout_weight="1" android:id="@+id/btnColorBlank" android:background="#000000"/> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:layout_weight="1" android:orientation="horizontal"> <Button android:layout_width="match_parent" android:layout_height="match_parent" android:layout_weight="1" android:id="@+id/btnColorGreen" android:background="#00ff00"/> <Button android:layout_width="match_parent" android:layout_height="match_parent" android:layout_weight="1" android:id="@+id/btnColorYellow" android:background="#ffff00"/> </LinearLayout> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:layout_weight="1"> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:layout_weight="1" android:orientation="horizontal"> <Button android:layout_width="match_parent" android:layout_height="match_parent" android:layout_weight="1" android:id="@+id/btnWidth2" android:text="@string/btnwidth2"/> <Button android:layout_width="match_parent" android:layout_height="match_parent" android:layout_weight="1" android:id="@+id/btnWidth1" android:text="@string/btnwidtn1"/> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:layout_weight="1" android:orientation="horizontal"> <Button android:layout_width="match_parent" android:layout_height="match_parent" android:layout_weight="1" android:id="@+id/btnWidth3" android:text="@string/btnwidth3"/> <Button android:layout_width="match_parent" android:layout_height="match_parent" android:layout_weight="1" android:id="@+id/btnWidth4" android:text="@string/btnwidth4"/> </LinearLayout> </LinearLayout> </LinearLayout> </LinearLayout>MainActivity代码如下：
package com.example.icarus.ch6_2; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.view.View; import android.widget.Button; public class MainActivity extends AppCompatActivity { private HandWrite handWrite=null; private Button btnClear,btnPOP,btnColorRed,btnColorBlank,btnColorGreen,btnColorYellow,btnWidth1,btnWidth2,btnWidth3,btnWidth4; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); //新建画图函数 handWrite= (HandWrite) findViewById(R.id.handwriteview); //红色颜色设置 if(findViewById(R.id.btnColorRed)!=null){ btnColorRed= (Button) findViewById(R.id.btnColorRed); btnColorRed.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { handWrite.setColor(0); } }); } //黑色颜色设置 if(findViewById(R.id.btnColorBlank)!=null){ btnColorBlank= (Button) findViewById(R.id.btnColorBlank); btnColorBlank.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { handWrite.setColor(1); } }); } //绿色颜色设置 if(findViewById(R.id.btnColorGreen)!=null){ btnColorGreen= (Button) findViewById(R.id.btnColorGreen); btnColorGreen.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { handWrite.setColor(2); } }); } //黄色颜色设置 if(findViewById(R.id.btnColorYellow)!=null){ btnColorYellow= (Button) findViewById(R.id.btnColorYellow); btnColorYellow.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { handWrite.setColor(3); } }); } //画笔大小设置 if(findViewById(R.id.btnWidth1)!=null){ btnWidth1= (Button) findViewById(R.id.btnWidth1); btnWidth1.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { handWrite.setStyle(0); } }); } //画笔大小设置 if(findViewById(R.id.btnWidth2)!=null){ btnWidth2= (Button) findViewById(R.id.btnWidth2); btnWidth2.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { handWrite.setStyle(1); } }); } //画笔大小设置 if(findViewById(R.id.btnWidth3)!=null){ btnWidth3= (Button) findViewById(R.id.btnWidth3); btnWidth3.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { handWrite.setStyle(2); } }); } //画笔大小设置 if(findViewById(R.id.btnWidth4)!=null){ btnWidth4= (Button) findViewById(R.id.btnWidth4); btnWidth4.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { handWrite.setStyle(3); } }); } //清屏按钮实现 if(findViewById(R.id.btnClear)!=null){ btnClear= (Button) findViewById(R.id.btnClear); btnClear.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { handWrite.clear(); } }); } //撤销按钮实现 if (findViewById(R.id.btnPOP)!=null){ btnPOP= (Button) findViewById(R.id.btnPOP); btnPOP.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { handWrite.doPOP(); } }); } } }