Android绘图之渐隐动画

最新推荐文章于 2022-10-13 17:52:30 发布

foruok

最新推荐文章于 2022-10-13 17:52:30 发布

阅读量7k

点赞数 7

分类专栏： android开发文章标签： android 动画自定义View 绘图

本文链接：https://blog.csdn.net/foruok/article/details/52396035

版权

这篇博客介绍了如何在Android中通过自定义View和绘图实现线条一边画出一边渐隐的效果。作者在onTouchEvent中记录触摸点，创建LineElement并用Paint实例设置Alpha值来控制渐隐。尽管可以通过属性动画或渐变填充实现部分效果，但一笔渐变的实现需要自定义。代码示例中展示了具体实现，并提到线条连接处可能存在缝隙的问题，欢迎优化建议。

摘要由CSDN通过智能技术生成

实现了一个有趣的小东西：使用自定义View绘图，一边画线，画出的线条渐渐变淡，直到消失。效果如下图所示：

用属性动画或者渐变填充（Shader）可以做到一笔一笔的变化，但要想一笔渐变（手指不抬起边画边渐隐），没在Android中找到现成的API可用。所以，自己做了一个。

基本的想法是这样的：

在View的onTouchEvent中记录触摸点，生成一条一条的线LineElement，放在一个List中。给每个LineElement配置一个Paint实例。

在onDraw中绘制线段。

变换LineElement的Paint实例的Alpha值。

根据Alpha值重组线段列表

别的不说了，上代码：

package com.example.disappearinglines;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.RectF;
import android.os.Handler;
import android.os.Message;
import android.os.SystemClock;
import android.support.annotation.NonNull;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;

import java.util.ArrayList;
import java.util.Collection;
import java.util.Iterator;
import java.util.List;
import java.util.ListIterator;

public class DisappearingDoodleView extends View {
   
    final static String TAG = "DoodleView";
    class LineElement {
        static final