Android自定义橡皮擦效果

本文实例为大家分享了Android自定义橡皮擦效果,使用贝塞尔曲线处理曲线转折处

public class picFingerToTest extends View {

  private Paint paint;
  private Bitmap decodeResourceSRC;
  private Bitmap createBitmapDST;
  // 手指路径,使用贝塞尔路线
  private Path path;
  private float perX;
  private float perY;

  public picFingerToTest(Context context, AttributeSet attrs) {
    super(context, attrs);
    // 1、设置禁用硬件设置
    setLayerType(View.LAYER_TYPE_SOFTWARE, null);

    // 2、设置手指画笔
    paint = new Paint();
    paint.setAntiAlias(true);
    paint.setColor(Color.RED);
    paint.setStyle(Paint.Style.STROKE);
    paint.setStrokeWidth(45);

    // 3、生成图像手指源目标
    // 源
    decodeResourceSRC = BitmapFactory.decodeResource(getResources(), R.drawable.welcome, null);
    // 目标
    createBitmapDST = Bitmap.createBitmap(decodeResourceSRC.getWidth(), decodeResourceSRC.getHeight(),
        Config.ARGB_8888);
    path = new Path();

  }

  @Override
  protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    // 分层绘制
    int saveLayer = canvas.saveLayer(0, 0, getWidth(), getHeight(), null,Canvas.ALL_SAVE_FLAG);

    // 把手指轨迹划到目标路径上
    Canvas canvas2 = new Canvas(createBitmapDST);
    canvas2.drawPath(path, paint);

    // 把目标图像画到画布上
    canvas.drawBitmap(createBitmapDST, 0, 0, paint);

    // 计算源图像区域

    paint.setXfermode(new PorterDuffXfermode(Mode.SRC_OUT));
    canvas.drawBitmap(decodeResourceSRC, 0, 0, paint);

    paint.setXfermode(null);
    canvas.restoreToCount(saveLayer);

  }

  //使用贝塞尔曲线,使折线过度圆滑
  @Override
  public boolean onTouchEvent(MotionEvent event) {

    switch (event.getAction()) {
    // 记录手指触摸的初始化位置
    case MotionEvent.ACTION_DOWN:

      path.moveTo(event.getX(), event.getY());

      perX = event.getX();
      perY = event.getY();

      return true;

    case MotionEvent.ACTION_MOVE:

      float endX = (perX + event.getX()) / 2;
      float endY = (perY + event.getY()) / 2;

      path.quadTo(perX, perY, endX, endY);
      perX = event.getX();
      perY = event.getY();
      postInvalidate();

      break;
    case MotionEvent.ACTION_UP:

      break;

    default:
      break;
    }

    return super.onTouchEvent(event);
  }

}

小编再为大家补充一段代码:android橡皮擦擦图片功能

public void onCreate() {
  //底边图片
  ImageView ivTop = (ImageView) findViewByid(R.id.iv_top);

  Options opts = new Options(); //图片加载器,用于配置一些缩放比例,和像素单位
  opts.inSampleSize = 2; //制定加载器把原图片的宽高缩放到2/1的效果加载
  //获得外层图片,decodeResource方法默认获得的像素单位是RGB(red,green,blue),ARGB(alpha,red,green,blue)
  Bitmap topImage = BitmapFactory.decodeResources( getResource(),R.drawable.top, opts);

  //创建一张空白图片,并且把图片想读单位指定为:ARGB
  Bitmap blank = Bitmap.createBitmap(topImage.getWidth(), topImage.getHeight, Config.ARGB_4444);

  //把上边的topImage画到空白图片上
  Canvas canvas = new Canvas(blank);
  //把topImage画到空白图片上但是像素单位变成ARGB()
  canvas.drawBitmap(topImage, 0, 0, null);
  ivTop.setImageBitmap(blank);
}

class MyOnTouchListoner implements OnTouchListener {

  @Override pulic boolean OnTouch(View v, MotionEvent event) {
    //是否是移动的事件
    if (event.getAction() == MotionEvent.ACTION_MOVE) {
      //获得按下坐标
      int x = (int) event.getX();
      int y = (int) event.getY();

      for (int i = x - 10; i < x + 10; i++) {
        for (int j = y - 10; j < y + 10; j++) {
          //防止超出边界
          if (j >= 0 && blank.getHeight() && i >= 0 && i < blank.getWidth()) {
            blank.setPixel(i, j, Color.TRANSPARENT);
          }
        }
      }
      //修改后的图片设置给ImageView
      ivTop.setImageBitmap(blank);
    }

    return true; //true 消耗掉这次触摸事件.false 不消耗
  }

}

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

(0)

相关推荐

  • Android画板开发之橡皮擦功能

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

  • android实现图片橡皮擦和快速染色功能

    本文为大家分享了android实现图片橡皮擦和快速染色的具体代码,供大家参考,具体内容如下 源码地址:Eraselmg 1.染色 关于染色部分,可以分别设置调整画笔的大小和画笔的透明度,画笔已经设置了模糊效果.画笔的特效可以调整下面一行代码: 2.橡皮擦 橡皮擦的实现用了两个canvas,一个临时的,一个是作用在ImageTouchView上显示的,代码里面有注释,这里不再详细介绍. 3.功能展示: 原图: 画笔设置界面: (1)画笔大小为32,透明度为255(不透明).如下图: (2)画笔大小

  • Android自定义橡皮擦效果

    本文实例为大家分享了Android自定义橡皮擦效果,使用贝塞尔曲线处理曲线转折处 public class picFingerToTest extends View { private Paint paint; private Bitmap decodeResourceSRC; private Bitmap createBitmapDST; // 手指路径,使用贝塞尔路线 private Path path; private float perX; private float perY; pub

  • android自定义手表效果

    本文实例为大家分享了android自定义手表效果的具体代码,供大家参考,具体内容如下 1.效果图: 2.布局 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/re

  • Android自定义日历效果

    因为工作功能需求,自定义一个日历,效果如下,点击选中日历 使用github上面一个前辈的框架 implementation 'com.necer.ncalendar:ncalendar:5.0.0' implementation 'com.github.CodingEnding:PopupLayout:v1.0'//poplayout 框架使用基本类型地址,大家可以根据需要学习修改:地址 自定义日历的xml文件 <?xml version="1.0" encoding="

  • Android自定义TabLayout效果

    周末就要到了,今天项目中遇到这样一个Tab,选中tab的背景是个圆角矩形,方向指向器没有了,这样普通的TabLayout不能满足我的要求,可能会想到动态的去设置选中Tab的背景不就可以了,但是那样的话太生硬了,没有动画效果,其实想想也还比较简单,今天就简单的说一说这个YzzTab.效果如下图: 这里是四个Tab,一版只显示3个,这里假设有num个Tab,当滑动到第3个时,这里就需要考虑如何让TabLayout和指示器一起移动呢? @Override public void onPageScrol

  • Android自定义View实现loading动画加载效果

    项目开发中对Loading的处理是比较常见的,安卓系统提供的不太美观,引入第三发又太麻烦,这时候自己定义View来实现这个效果,并且进行封装抽取给项目提供统一的loading样式是最好的解决方式了. 先自定义一个View,继承自LinearLayout,在Layout中,添加布局控件 /** * Created by xiedong on 2017/3/7. */ public class Loading_view extends LinearLayout { private Context m

  • Android自定义Dialog实现文字动态加载效果

    之前在技术问答上面看到一个提问 "加载中-" 后面三个点是动态的,这么一个效果实现.想来想去,好像没想到好的处理方式. 尝试了一下,以一个最笨的方式实现了.先来看一下效果 : 我是通过自定义一个Dialog,加载中的效果,是在Dialog内部实现的,进度还是从Activity里面控制的. 下面是Dialog实现类: public class CustomDialog extends AlertDialog { public CustomDialog(Context context) {

  • Android自定义带水滴的进度条样式(带渐变色效果)

    一.直接看效果 二.直接上代码 1.自定义控件部分 package com.susan.project.myapplication; import android.app.Activity; import android.content.Context; import android.graphics.Bitmap; import android.graphics.BitmapFactory; import android.graphics.Canvas; import android.grap

  • Android 自定义 HorizontalScrollView 打造多图片OOM 的横向滑动效果(实例代码)

    自从Gallery被谷歌废弃以后,Google推荐使用ViewPager和HorizontalScrollView来实现Gallery的效果.的确HorizontalScrollView可以实现Gallery的效果,但是HorizontalScrollView存在一个很大的问题,如果你仅是用来展示少量的图片,应该是没问题的,但是如果我希望HorizontalScrollView可以想ViewPager一样,既可以绑定数据集(动态改变图片),还能做到,不管多少图片都不会OOM(ViewPager内

  • Android自定义View实现简单的圆形Progress效果

    先给大家展示下效果图,如果感觉不错,请参考实现思路: 我们要实现一个自定义的再一个圆形中绘制一个弧形的自定义View,思路是这样的: 先要创建一个类ProgressView,继承自View类,然后重写其中的两个构造方法,一个是一个参数的,一个是两个参数的,因为我们要在xml文件中使用该自定义控件,所以必须要定义这个两个参数的构造函数.创建完了这个类后,我们先不去管它,先考虑我们实现的这个自定义View,我们想让它的哪些部分可以由使用者自己指定,比如说这个Demo中我们让他的外面圆的外边框颜色和宽

  • Android自定义View 实现水波纹动画引导效果

    一.实现效果图 二.实现代码 1.自定义view package com.czhappy.showintroduce.view; import android.content.Context; import android.graphics.Bitmap; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint; import android.graphics.Pat

随机推荐