Android Studio实现简单绘图板

 更新时间:2022年05月17日 15:19:03   作者:MrSuuuper  
这篇文章主要为大家详细介绍了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连接MySQL数据库实现方法详解

    Android连接MySQL数据库实现方法详解

    这篇文章主要介绍了Android连接MySQL数据库实现方法,在Android应用程序中连接MySQL数据库可以帮助开发人员实现更丰富的数据管理功能,而且在Android中操作数据库真的太智能了,需要的朋友可以参考下
    2024-02-02
  • Android图片处理实例分析

    Android图片处理实例分析

    这篇文章主要介绍了Android图片处理的方法,结合实例形式分析了Android针对图片的加载、分割、缩放、绘制等操作技巧,需要的朋友可以参考下
    2016-08-08
  • Android自定义PopupWindow简单小例子

    Android自定义PopupWindow简单小例子

    这篇文章主要为大家详细介绍了Android自定义PopupWindow简单小例子,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-11-11
  • Android 拍照功能实现(手机关闭依然拍照)详解及实例代码

    Android 拍照功能实现(手机关闭依然拍照)详解及实例代码

    这篇文章主要介绍了 Android 拍照功能实现(手机关闭依然拍照)详解及实例代码的相关资料,这对Android相机在不开手机的情况下还能继续拍照,附有实例Demo,需要的朋友可以参考下
    2016-12-12
  • Android 基于RecyclerView实现的歌词滚动自定义控件

    Android 基于RecyclerView实现的歌词滚动自定义控件

    这篇文章主要介绍了Android 基于RecyclerView实现的歌词滚动自定义控件,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-03-03
  • Android中获得手机屏幕大小实现代码

    Android中获得手机屏幕大小实现代码

    这篇文章主要介绍了Android中获得手机屏幕大小实现代码,Android开发中经常需要获得屏幕的宽高,本文直接封装成一个工具类,需要的朋友可以参考下
    2015-06-06
  • Android开发中画廊视图Gallery的两种使用方法分析

    Android开发中画廊视图Gallery的两种使用方法分析

    这篇文章主要介绍了Android开发中画廊视图Gallery的两种使用方法,结合实例形式分析了Android画廊视图Gallery的简单布局与功能实现相关操作技巧,需要的朋友可以参考下
    2018-01-01
  • Android自定义带增长动画和点击弹窗提示效果的柱状图DEMO

    Android自定义带增长动画和点击弹窗提示效果的柱状图DEMO

    这篇文章主要介绍了Android自定义带增长动画和点击弹窗提示效果的柱状图的相关资料,非常不错具有一定的参考借鉴价值,需要的朋友可以参考下
    2016-11-11
  • Android WebView中图片浏览及缩放效果

    Android WebView中图片浏览及缩放效果

    这篇文章主要为大家详细介绍了Android WebView中图片浏览及缩放效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-12-12
  • Android中正确使用字体图标(iconfont)的方法

    Android中正确使用字体图标(iconfont)的方法

    IconFont字体不仅仅流行于Web开发,在移动开发中也渐渐的使用的范围更广泛。这篇文章主要介绍了在Android开发中使用icon font的代码和方法。对大家学习使用iconfont有一定的参考借鉴价值,有需要的朋友们下面来一起看看吧。
    2016-10-10

最新评论