Android 使用Path实现涂鸦功能

2024-04-03 19:01:43

今天实现一个涂鸦效果,会分几步实现,这里有一个重要的知识点就是图层,要理解这个,不然你看这篇博客,很迷茫,迷茫的苍茫的天涯是我的爱,先从简单的需求做起,绘制一条线,代码如下：

package com.tuya;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.Path;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
/**
 * Created by admin on 2016/12/16.
 */
public class GraffitiView extends View{
  private Paint paint;
  private Path path;
  private float downX,downY;
  private float tempX,tempY;
  public GraffitiView(Context context) {
    this(context,null);
  }
  public GraffitiView(Context context, AttributeSet attrs) {
    this(context, attrs,0);
  }
  public GraffitiView(Context context, AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
    init();
  }
  private void init() {
    paint = new Paint();
    paint.setAntiAlias(true);
    paint.setStrokeWidth(10);
    paint.setStyle(Paint.Style.STROKE);
    path = new Path();
  }
  @Override
  protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    if(path!=null){
      canvas.drawPath(path,paint);
    }
  }
  @Override
  public boolean onTouchEvent(MotionEvent event) {
    switch (event.getAction()){
      case MotionEvent.ACTION_DOWN:
        downX = event.getX();
        downY = event.getY();
        path.moveTo(downX,downY);
        invalidate();
        tempX = downX;
        tempY = downY;
        break;
      case MotionEvent.ACTION_MOVE:
        float moveX = event.getX();
        float moveY = event.getY();
        path.quadTo(tempX,tempY,moveX,moveY);
        invalidate();
        tempX = moveX;
        tempY = moveY;
        break;
    }
    return true;
  }
}

效果：

如果你不使用path的quadTo()用lineTo()方法也行,但是没有使用queadTo()绘制出来的路径光滑,这5条路径是怎么绘制到屏幕上去的呢?上面说了图层的概念,如果不懂,可以去看下我之前写的关于canvas博客,也可以去网上看其他的博客,
我们知道每次canvas.draw...()其实都会产生新的图层,只是图层是透明的,最后隐射到画布(canvas)上,画布分析：

以上所述是小编给大家介绍的Android 使用Path实现涂鸦功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！

Android Path绘制贝塞尔曲线实现QQ拖拽泡泡

这两天学习了使用Path绘制贝塞尔曲线相关,然后自己动手做了一个类似QQ未读消息可拖拽的小气泡,效果图如下: 最终效果图接下来一步一步的实现整个过程. 基本原理其实就是使用Path绘制三点的二次方贝塞尔曲线来完成那个妖娆的曲线的.然后根据触摸点不断绘制对应的圆形,根据距离的改变改变原始固定圆形的半径大小.最后就是松手后返回或者爆裂的实现. Path介绍: 顾名思义,就是一个路径的意思,Path里面有很多的方法,本次设计主要用到的相关方法有 moveTo() 移动Path到一个指定的点 qua
Android自定义View系列之Path绘制仿支付宝支付成功动画

前言使用支付宝付款时,我们可以看到成功或者失败都会有个动画提示,如果我们需要做这样的效果的话,当然,你可以让设计师给你做个GIF,但是我们知道图像比较耗内存的,我们自己可以用代码实现还是代码实现好点吧. 效果实现方法首先我们需要了解PathMeasure这个类,这个类我们可以理解为用来管理Path.我们主要看几个方法. PathMeasure(): 构造方法 ,实例化一个对象 PathMeasure(Path path,boolean isClosed):传入Path对象和是否闭合,pat
Android自定义View实现支付宝支付成功-极速get花式Path炫酷动画

本文手把手教你图片->SVG->Path的姿势.. 从此酷炫Path动画,如此简单. 效果先随便上几个图,以后你找到的图有多精彩,gif就有多精彩: 随便搜了一个铅笔画的图,丢进去随手复制的二维码icon 来自大佬wing的铁塔前文回顾这里简单回顾一下前文,GIF如下图: PathAnimView接受的唯一数据源是Path(给我一个Path,还你一个动画View) 所以内置了几种将别的资源->Path的方法: 直接传string.(A-Z,0-9 "." &qu
Android编程开发之在Canvas中利用Path绘制基本图形(圆形,矩形,椭圆,三角形等)

本文实例讲述了Android编程开发之在Canvas中利用Path绘制基本图形的方法.分享给大家供大家参考,具体如下: 在Android中绘制基本的集合图形,本程序就是自定义一个View组件,程序重写该View组件的onDraw(Canvase)方法,然后在该Canvas上绘制大量的基本的集合图形. 直接上代码: 1.自定义的View组件代码: package com.infy.configuration; import android.content.Context; import andro
Android实现Path平滑的涂鸦效果实例

前言在最近的一个项目中做了一个涂鸦的效果,手指快速移动,会出现折线,这篇文章记录笔触优化.下面话不多说了,来一起看看详细的介绍吧. 优化前优化设计到的类:Paint,Path Path类记录了坐标点集合决定线条轨迹,Paint决定怎么画 Paint处理 //连接的外边缘以圆弧的方式相交 paint.setStrokeJoin(Paint.Join.ROUND); //线条结束处绘制一个半圆 paint.setStrokeCap(Paint.Cap.ROUND); Path处理这里用的到有
Android通过Path实现搜索按钮和时钟复杂效果

在Android中复杂的图形的绘制绝大多数是通过path来实现,比如绘制一条曲线,然后让一个物体随着这个曲线运动,比如搜索按钮,比如一个简单时钟的实现: 那么什么是path呢! 定义:path 就是路径,就是图形的路径的集合,它里边包含了路径里边的坐标点,等等的属性.我们可以获取到任意点的坐标,正切值. 那么要获取Path上边所有点的坐标还需要用到一个类,PathMeasure; PathMesure: PathMeasure是一个用来测量Path的类,主要有以下方法: 构造方法公共方法可
Android 使用Path实现涂鸦功能

今天实现一个涂鸦效果,会分几步实现,这里有一个重要的知识点就是图层,要理解这个,不然你看这篇博客,很迷茫,迷茫的苍茫的天涯是我的爱,先从简单的需求做起,绘制一条线,代码如下: package com.tuya; import android.content.Context; import android.graphics.Canvas; import android.graphics.Paint; import android.graphics.Path; import android.util
Android编程实现的手写板和涂鸦功能

本文实例讲述了Android编程实现的手写板和涂鸦功能.分享给大家供大家参考,具体如下: 下面仿一个Android手写板和涂鸦的功能,直接上代码: write_pad.xml <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:greendroid="http://schemas.android.com/apk/res/com.cyrilmottier.androi
android实现录屏小功能

本文实例为大家分享了android实现录屏小功能的具体代码,供大家参考,具体内容如下思路 android实现录屏功能有两种方案,一种是直接使用android自带的MediaProjectionManager实现录屏功能,第二种是是只录语音,用户的操作通过某种方式进行记录保存,最后通过某种协议进行播放. 两种方案各有各的优缺点,前者实现方式简单,但无法只录制特定区域的画面,并且生成的视频文件一般都比较大.后者实现较为繁琐,音频录制android7.0之前没有暂停方法,只能生成多个文件,然后对音频
Android编程实现文件浏览功能的方法【类似于FileDialog的功能】

本文实例讲述了Android编程实现文件浏览功能的方法.分享给大家供大家参考,具体如下: 最近正在弄上传文件,当时想怎么能实现fileDialog的功能呢,打开文件,浏览文件,然后选择文件呢,查了好多资料,也看了不少论坛,都说里面没有这个功能,那真是奇怪了,里面没有这个功能,当然就需要自己动手添加这个功能了. 首先说一下这个文件浏览的简单实现原理: 首先选择一个目录做为根目录,然后打开此目录,常用的就是使用File这个类了,如下: File file=new File(path); 然后可以通过
Android实现扫一扫功能之绘制指定区域透明区域

一.概述在实现扫一扫的功能的时候,我们需要绘制一个中间为透明的扫码框,其余部分为半透明.通常情况下,例如微信或者支付宝的扫码框都是矩形的,如果中间的扫码框是一个矩形,那么布局是很简单的,可是如果扫码框是一个圆角矩形,或者圆形等情况怎么办呢?这篇文章主要是记录绘制一个中间透明带圆角的矩形. 按照惯例,我们先来看看效果图 : 二.按照流程我们就开始来看看代码啦 1.CustomDrawable,支持中间出现透明区域的drawable package per.juan.scandome; impor
Android实现长截屏功能

本文实例为大家分享了Android实现长截屏功能的具体代码,供大家参考,具体内容如下 1.MainActivity public class MainActivity extends AppCompatActivity { ScrollView scrollView; String sdRoot = Environment.getExternalStorageDirectory().getPath(); @Override protected void onCreate(Bundle saved
Android PicSelector图片选择器小功能

本文实例为大家分享了Android实现图片选择器小功能的具体代码,供大家参考,具体内容如下效果预览实现需要用到的库 compile 'com.squareup.picasso:picasso:2.3.2' compile 'com.android.support:appcompat-v7:26.1.0' 图片选择器大概思路: - 使用Content Provider获取存储器中的图片文件路径,以及所在文件夹,并存储到相应List中 - 使用RecyclerView制作网格视图,并用Pica
Android原生态实现分享转发功能实例

目录导读: 一.xml布局文件二.创建一个实体类 AppInfo.java,用来保存应用信息三.重写PopupWindow控件SharePopupWindow.java,自定义分享的弹窗四.使用provider 五.写一个工具类六.GridView的适配器 AppInfoAdapter.java 七.自定义分享窗口SharePopupWindow的调用导读: 之前刚学安卓时,写过一篇"Android调用系统shareAPI实现分享转发功能"的文章,随着安卓版本的迭代更
Android中RecyclerView实现商品分类功能

本文实例为大家分享了Android中RecyclerView实现商品分类功能的具体代码,供大家参考,具体内容如下三个个RecyclerView实现 //左边的布局 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="50d

Android 使用Path实现涂鸦功能

相关推荐

随机推荐