Android画板开发之基本画笔功能

2024-12-20 00:59:24

一、简介

这是画板系列的第一篇，一步步开始，从简单的画板，到功能稍微齐全一点的画板，例如基本画笔、橡皮擦、背景、文字、撤销、反撤销、保存等

这篇带大家实现一个最简单的画板，前提是需要对自定义View有一定的了解。

用的是kotlin语言

二、实现

分析如何实现：定义了画笔和Path，然后在触摸屏幕的时候，手指一边移动一边进行path的滑动，绘制。这就完成了一个最简单的画笔功能。

下面几十行代码完成这个

 class TPView(context: Context,attr:AttributeSet ) : View(context,attr) {

  private var preX: Float = 0.0f //上一次的触摸点x坐标
  private var preY: Float = 0.0f //上一次触摸点y坐标

  var mPath = Path()  //path路径

  //画笔
  private var mPaint = Paint(Paint.ANTI_ALIAS_FLAG or Paint.DITHER_FLAG)

  init {
    //画笔为实心
    mPaint.style = Paint.Style.STROKE
    //颜色
    mPaint.color = Color.RED
    //笔触为圆形
    mPaint.strokeCap = Paint.Cap.ROUND
    //画笔大小
    mPaint.strokeWidth = 10f
    //View的背景颜色
    setBackgroundColor(Color.WHITE)
  }

  override fun onDraw(canvas: Canvas) {
    super.onDraw(canvas)
    //画线
    canvas.drawPath(mPath,mPaint)
  }

  override fun onTouchEvent(event: MotionEvent): Boolean {

    when(event.action){
      MotionEvent.ACTION_DOWN -> { //手指按下的时候
        //将起始点移动到当前坐标
        mPath.moveTo(event.x,event.y)
        //记录上次触摸的坐标，注意ACTION_DOWN方法只会执行一次
        preX = event.x
        preY = event.y
      }
      MotionEvent.ACTION_MOVE -> { //手指移动的时候

        //绘制圆滑曲线，即贝塞尔曲线,贝塞尔曲线这个知识自行了解
        mPath.quadTo(preX,preY,event.x,event.y)

        preX = event.x
        preY = event.y
      }
    }

    //重新绘制，会调用onDraw方法
    invalidate()
    return true
  }

}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。

Android画板开发之添加背景和保存画板内容为图片

一.绘制背景绘制背景的方法有两种: 自己利用canvas进行绘制利用view的自带方法进行绘制 1.1 canvas绘制背景自己绘制的背景的方法就是在onDraw回调进行绘制的时候,先draw一个背景,再进行draw原来的内容 override fun onDraw(canvas: Canvas) { super.onDraw(canvas) //先绘制颜色作为背景 canvas.drawColor(Color.BLACK) //画出缓存bitmap的内容 canvas.drawBitma
Android画板开发之撤销反撤销功能

一.分析这篇将会讲解撤销反撤销功能的实现,先讨论一下这个原理是怎么样实现的. 每次撤回的内容,内容是怎么定义呢? 其实就是每一笔,每一笔作为撤回的内容,那每一笔怎么算呢,就是算手指从按下-移动-放开这一个过程就是一笔. 我们只需记录这个过程为一笔,然后用一个已画列表list列表来记录这个过程的paint画笔和路径path. 撤销的时候就把后面的一个数据移到另一个撤销列表反撤销的时候,就把撤销列表的最后面那条数据移动到已画列表. 然后,还有一个重点,就是画笔的保存数量,上面说记录每一笔画笔,这
android实现简单的画画板实例代码

直接看代码,注释都写清楚了复制代码代码如下: public class MainActivity extends Activity { private ImageView iv; private Bitmap baseBitmap; private Canvas canvas; private Paint paint; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedIns
双缓冲技术实现Android 画板应用

什么是双缓冲技术?双缓冲技术就是当用户操作界面完成后,会有一个缓冲区保存用户操作的结果. 为什么要使用双缓冲技术?拿Android 游戏开发来说,界面贞每次都是全部重画的,也就说画了新的,旧的就没了,所以需要使用双缓冲技术保存之前的内容. 如何实现双缓冲?使用一个Bitmap对象保留之前的画布即可. package com.example.phonegaptest; import android.content.Context; import android.graphics.Bitmap; i
Android画板开发之添加文本文字

一.前言添加文本,也是属于一个比较简单的功能,在第二篇的时候,添加了橡皮擦,在橡皮擦里面通过一个模式的形式进行画笔的判断,当然文本也是如此,添加一个文本模式,在onTouchDown的时候,弹出PopupWindow,输入文本,然后PopupWindow消失的时候,利用staticLayout绘制到画布上即可.当然也有些需要注意的地方下面一步步来实现二.实现 2.1 添加文本模式例如橡皮擦那样,添加多一个文本模式,然后setModel的时候,需要把画笔的样式修改为FILL,如果是STR
Android画板开发之橡皮擦功能

在上一篇实现了简单的画板功能, 这篇实现橡皮擦功能,首先分析一下应该如何实现, 在Andriod有个图像混合(Xfermode)概念,利用这个概念我们就可以实现橡皮擦功能. 一.Xfermode Paint有一个方法setXfermode(Xfermode),这个方法设置图像的混合模式.参数有三个子类: AvoidXfermode PixelXorXfermode PorterDuffXfermode 前面两个因为不支持硬件加速在API 16已经已经过时弃用了. 简单讲一下第三个. 1.1 Po
Android自定义SurfaceView实现画板功能

接触了这么久的View,总不能一直停留在View里,现在开始呢,就要学习一个新的知识点:SurfaceView,实际上SurfaceView与View的原理都差不多,只是效率和渲染方式上,SurfaceView要优于View,这也是我们写这个的原因.今天就看看这个SurfaceView,好了,下面就是今天要说的效果. 界面很简单,就是一个按钮以及一个画板,先看看界面的代码吧 <LinearLayout xmlns:android="http://schemas.android.com/ap
Android采用双缓冲技术实现画板

本文实例为大家分享了Android实现画板的具体代码,采用的技术是双缓冲技术,供大家参考,具体内容如下 1.双缓冲技术的概念所谓的双缓冲技术其实很简单,当程序需要在指定的View上进行绘制时,程序并不需要直接绘制到该View组件,而是先绘制到一个内存中的Bitmap图片上(就是缓冲),等内存中的Bitmap绘制好之后,再一次性将Bitmap绘制到View组件上. 2.Android采用双缓冲实现画板实现的思路: 1).定义一个内存中图片,将他作为缓冲区Bitmap cacheBitmap
Android实现画画板案例

本文实例为大家分享了Android实现画画板的具体代码,供大家参考,具体内容如下 ① 准备一个布局文件 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools&q
Android多媒体之画画板开发案例分享

先看看效果: 其实画画板的原理很简单,就是首先记录下按下屏幕的点,然后每移动一下就让这两次移动的点连线,周而复始,图像就由很多条直线构成了. 核心代码 : public class MainActivity extends Activity implements OnClickListener,OnSeekBarChangeListener { private View red_view,green_view,blue_view; //控制画笔颜色的三块区域 private SeekBar se

Android画板开发之基本画笔功能

相关推荐

随机推荐