Android圆形向外扩散颜色渐浅动画

最新推荐文章于 2022-03-01 10:48:23 发布

一个爱奔跑的胖子

最新推荐文章于 2022-03-01 10:48:23 发布

阅读量1.3w

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Android 应用文章标签： android 圆形向外扩散动画

本文链接：https://blog.youkuaiyun.com/a876434758/article/details/46912571

本文介绍了如何在Android中自定义一个CircleWaveView，该视图能够实现圆形向外扩散并且颜色逐渐变淡的动画效果。通过创建一个View，并设置其属性如颜色、动画间隔和是否填充等，结合OnDraw方法和线程来更新动画状态，从而达到动态视觉效果。

下载链接：http://download.youkuaiyun.com/detail/a876434758/8905773

首先自定义一个view

package com.brucezee.circlewavedemo;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.view.View;
import android.widget.Button;

public class CircleWaveView extends View {
   private float mWidth;
   private float mHeight;

   private float centerX; // 圆心X
   private float centerY; // 圆心Y
   private float floatRadius; // 变化的半径
   private float maxRadius = -1; // 圆半径
   private volatile boolean started = false;
   private Paint mLinePaint;
   private Paint mSolidPaint;
   private int waveColor = Color.LTGRAY; // Color.argb(0, 0, 0, 0); //颜色
   private int waveInterval = 100; // 圆环的宽度
   private boolean centerAlign = true;// 居中
   private float bottomMargin = 0;// 底部margin
   private boolean fillCircle = true;// 是否填充成实心圆环

   public CircleWaveView(Context context, AttributeSet attrs) {
       this(context, attrs, 0);
   }

   public CircleWaveView(Context context) {
       this(context, null, 0);
   }

   public CircleWaveView(Context context, AttributeSet attrs, int defStyle) {
       super(context, attrs, defStyle);
       initView();
   }

   private void initView() {
       mLinePai