Android Studio实现简单绘图板
本文实例为大家分享了Android Studio实现简单绘图板的具体代码,供大家参考,具体内容如下
目的
设计一个手绘图形的画板
工具及环境
使用java语言,在Android studio平台上进行开发
功能设计
实现一个可以绘图的画板,界面有相关的选择按钮。可以根据按钮切换画笔的颜色,刷子可以加粗画笔的线条大小,橡皮可以用于抹除已经绘制的图案,清屏可实现清屏重置画板
设计思路
首先设计界面,然后设计按钮点击功能。橡皮擦的功能可通过把画笔颜色设置与背景颜色一致来实现,清屏功能可通过背景重置覆盖原背景实现
代码
activity_main.xml
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" > <com.xdw.exercise.HandWrite android:id="@+id/handwriteview" android:layout_width="fill_parent" android:layout_height="600dp" /> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal"> <Button android:id="@+id/red" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="25dp" android:layout_weight="1" android:text="红色" /> <Button android:id="@+id/blue" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="25dp" android:layout_weight="1" android:text="蓝色" /> <Button android:id="@+id/brush" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="25dp" android:layout_weight="1" android:text="刷子" /> <Button android:id="@+id/eraser" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="25dp" android:layout_weight="1" android:text="橡皮" /> <Button android:id="@+id/clear" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="25dp" android:layout_weight="1" android:text="清屏" /> </LinearLayout> </LinearLayout>
HandWrite.java
package com.xdw.exercise; import android.content.Context; import android.graphics.*; import android.graphics.Paint.Style; import android.util.AttributeSet; import android.view.MotionEvent; import android.view.View; public class HandWrite extends View { Paint paint = null; Bitmap originalBitmap = null; Bitmap new1_Bitmap = null; Bitmap new2_Bitmap = null; float startX = 0,startY = 0; float clickX = 0,clickY = 0; boolean isMove = true; boolean isClear = false; int color=Color.BLUE; float strokeWidth=10.0f; public HandWrite(Context context, AttributeSet attrs) { super(context, attrs); originalBitmap = BitmapFactory .decodeResource(getResources(), R.drawable.iv).copy(Bitmap.Config.ARGB_8888,true); new1_Bitmap = Bitmap.createBitmap(originalBitmap); } public void clear(){ isClear = true; new2_Bitmap = Bitmap.createBitmap(originalBitmap); invalidate(); } public void red(){ isClear=false; color=Color.RED; } public void blue(){ isClear=false; color=Color.BLUE; } public void brush(){ strokeWidth=20.0f; } public void eraser(){ color=Color.WHITE; strokeWidth=80.0f; } @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); canvas.drawBitmap(HandWriting(new1_Bitmap), 0, 0,null); } public Bitmap HandWriting(Bitmap o_Bitmap) { Canvas canvas = null; if(isClear) { canvas = new Canvas(new2_Bitmap); } else{ canvas = new Canvas(o_Bitmap); } paint = new Paint(); paint.setStyle(Style.STROKE); paint.setAntiAlias(true); paint.setColor(color); paint.setStrokeWidth(strokeWidth); if(isMove) { canvas.drawLine(startX, startY, clickX, clickY, paint); } startX = clickX; startY = clickY; if(isClear) { return new2_Bitmap; } return o_Bitmap; } @Override public boolean onTouchEvent(MotionEvent event) { clickX = event.getX(); clickY = event.getY(); if(event.getAction() == MotionEvent.ACTION_DOWN) { isMove = false; invalidate(); return true; } else if(event.getAction() == MotionEvent.ACTION_MOVE) { isMove = true; invalidate(); return true; } return super.onTouchEvent(event); } }
MainActivity.java
package com.xdw.exercise; import android.app.Activity; import android.os.Bundle; import android.view.View; import android.view.View.OnClickListener; import android.widget.Button; public class MainActivity extends Activity { private HandWrite handWrite = null; Button red,blue,clear,brush,eraser; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); handWrite = (HandWrite) findViewById(R.id.handwriteview); red =(Button)findViewById(R.id.red); blue=(Button)findViewById(R.id.blue); clear = (Button) findViewById(R.id.clear); brush=(Button)findViewById(R.id.brush); eraser=(Button)findViewById(R.id.eraser); clear.setOnClickListener(new cClick()); red.setOnClickListener(new rClick()); blue.setOnClickListener(new bClick()); brush.setOnClickListener(new brClick()); eraser.setOnClickListener(new eClick()); } class cClick implements OnClickListener { public void onClick(View v) { handWrite.clear(); } } class rClick implements OnClickListener { public void onClick(View v) { handWrite.red(); } } class bClick implements OnClickListener { public void onClick(View v) { handWrite.blue(); } } class brClick implements OnClickListener { public void onClick(View v) { handWrite.brush(); } } class eClick implements OnClickListener { public void onClick(View v) { handWrite.eraser(); } } }
效果显示:
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
相关文章
Android 拍照功能实现(手机关闭依然拍照)详解及实例代码
这篇文章主要介绍了 Android 拍照功能实现(手机关闭依然拍照)详解及实例代码的相关资料,这对Android相机在不开手机的情况下还能继续拍照,附有实例Demo,需要的朋友可以参考下2016-12-12Android 基于RecyclerView实现的歌词滚动自定义控件
这篇文章主要介绍了Android 基于RecyclerView实现的歌词滚动自定义控件,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧2018-03-03Android开发中画廊视图Gallery的两种使用方法分析
这篇文章主要介绍了Android开发中画廊视图Gallery的两种使用方法,结合实例形式分析了Android画廊视图Gallery的简单布局与功能实现相关操作技巧,需要的朋友可以参考下2018-01-01Android自定义带增长动画和点击弹窗提示效果的柱状图DEMO
这篇文章主要介绍了Android自定义带增长动画和点击弹窗提示效果的柱状图的相关资料,非常不错具有一定的参考借鉴价值,需要的朋友可以参考下2016-11-11
最新评论