Android自定义控件实现水波纹效果

更新时间：2019年01月30日 09:03:14 作者：新梦起航

这篇文章主要为大家详细介绍了Android自定义控件实现水波纹效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

本文实例为大家分享了Android自定义控件实现水波纹的具体代码，供大家参考，具体内容如下

示例代码：

MainActivity.java

package com.example.mhy.shuibowen;
 
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
 
public class MainActivity extends AppCompatActivity {
 
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
  }
}

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
 
  tools:context="com.example.mhy.shuibowen.MainActivity">
 
  <com.example.mhy.shuibowen.MyRingWave
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    />
</RelativeLayout>

MyRingWave.java

package com.example.mhy.shuibowen;
 
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.os.Handler;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
 
import java.util.ArrayList;
 
/**
 * 水波纹效果
 * Created by mhy on 2016/6/16.
 */
public class MyRingWave extends View {
  /**
   * 二个相临波浪中心点的最小距离
   */
  private static final int DIS_SOLP = 13;
  protected boolean isRunning = false;
 
  private ArrayList<Wave> wList;
 
  public MyRingWave(Context context,AttributeSet attrs) {
    super(context, attrs);
    wList = new ArrayList<MyRingWave.Wave>();
  }
 
  @Override
  protected void onDraw(Canvas canvas) {
    for(int i=0; i<wList.size(); i++) {
      Wave wave = wList.get(i);
      canvas.drawCircle(wave.cx, wave.cy, wave.r, wave.p);
    }
  }
 
  @Override
  public boolean onTouchEvent(MotionEvent event) {
    super.onTouchEvent(event);
 
    switch(event.getAction()) {
      case MotionEvent.ACTION_DOWN:
      case MotionEvent.ACTION_MOVE:
 
        int x = (int) event.getX();
        int y = (int) event.getY();
 
        addPoint(x, y);
 
        break;
      default:
        break;
    }
    return true;
  }
 
  private Handler handler = new Handler(){
    public void handleMessage(android.os.Message msg) {
 
      //刷新数据
      flushData();
      //刷新页面
      invalidate();
      //循环动画
      if (isRunning) {
        handler.sendEmptyMessageDelayed(0, 50);
      }
 
    }
  };
 
  /**
   * 刷新数据
   */
  private void flushData() {
 
    for (int i = 0; i < wList.size(); i++) {
 
      Wave w = wList.get(i);
 
      //如果透明度为 0 从集合中删除
      int alpha = w.p.getAlpha();
      if(alpha == 0){
        wList.remove(i); //删除i 以后，i的值应该再减1 否则会漏掉一个对象，不过，在此处影响不大，效果上看不出来。
        continue;
      }
 
      alpha-=5;
      if(alpha<5){
        alpha =0;
      }
      //降低透明度
      w.p.setAlpha(alpha);
 
      //扩大半径
      w.r = w.r+3;
      //设置半径厚度
      w.p.setStrokeWidth(w.r/3);
    }
 
 /*
  * 如果集合被清空，就停止刷新动画
  */
    if(wList.size() == 0){
      isRunning = false;
    }
  }
 
  /**
   * 添加新的波浪中心点
   * @param x
   * @param y
   */
  private void addPoint(int x, int y) {
 
    if(wList.size() == 0) {
      addPoint2List(x, y);
      isRunning = true;
      handler.sendEmptyMessage(0);
    }else{
      Wave w = wList.get(wList.size()-1);
 
      if(Math.abs(w.cx - x)>DIS_SOLP || Math.abs(w.cy-y)>DIS_SOLP){
        addPoint2List(x,y);
      }
 
    };
  }
 
  /**
   * 添加新的波浪
   * @param x
   * @param y
   */
  private void addPoint2List(int x, int y) {
    Wave w = new Wave();
    w.cx = x;
    w.cy=y;
    Paint pa=new Paint();
    pa.setColor(colors[(int)(Math.random()*4)]);
    pa.setAntiAlias(true);
    pa.setStyle(Paint.Style.STROKE);
 
    w.p = pa;
 
    wList.add(w);
  }
 
  private int [] colors = new int[]{Color.BLUE,Color.RED,Color.YELLOW,Color.GREEN};
  private class Wave {
    //圆心
    int cx;
    int cy;
 
    //画笔
    Paint p;
    //半径
    int r;
  }
}

MyRing.java

package com.example.mhy.shuibowen;
 
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.os.Handler;
import android.os.Message;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
 
/**
 * Created by mhy on 2016/6/16.
 */
public class MyRing extends View {
 
  /**
   * 圆心的X坐标
   */
  private float cx;
 
  /**
   * 圆心的Y坐标
   */
  private float cy;
  /**
   * 圆环半径
   */
  private float radius = 0;
  /**
   * 默认画笔
   */
  private Paint paint;
  private boolean isRuning = false;
 
  public MyRing(Context context, AttributeSet attrs) {
    super(context, attrs);
    initView();
  }
 
  private void initView() {
    radius = 0;
    paint = new Paint();
    paint.setAntiAlias(true);
    paint.setStyle(Paint.Style.STROKE); // 空心圆
    paint.setStrokeWidth(radius / 4); // 画笔宽度 半径4分之一
    paint.setColor(Color.GREEN); // 画笔颜色
    paint.setAlpha(255); //不透明
  }
 
  @Override
  protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    super.onMeasure(widthMeasureSpec, heightMeasureSpec);
  }
 
  @Override
  protected void onLayout(boolean changed, int l, int t, int r, int b) {
    if(changed) {
      cx = getWidth() / 2;
      cy = getHeight() / 2;
    }
  }
 
  @Override
  protected void onDraw(Canvas canvas) {
    canvas.drawCircle(cx, cy, radius, paint);
  }
 
  @Override
  protected void onAttachedToWindow() {
    super.onAttachedToWindow();
  }
 
  @Override
  protected void onDetachedFromWindow() {
    super.onDetachedFromWindow();
    isRuning = false;
  }
 
  @Override
  public boolean onTouchEvent(MotionEvent event) {
    super.onTouchEvent(event);
 
    if(event.getAction() == MotionEvent.ACTION_DOWN) {
      cx = event.getX();
      cy = event.getY();
      initView();
      startAnim();
    }
    return true;
  }
 
  private Handler handler = new Handler(){
    @Override
    public void handleMessage(Message msg) {
 
      // 设置透明度
      int alpha = paint.getAlpha();
      if(alpha == 0) {
        isRuning = false;
      }
 
      // 透明度 慢慢变透明
      alpha = Math.max(0, alpha-10);
 
      paint.setAlpha(alpha);
 
      System.out.println(alpha);
 
      // 设置半径
      radius += 5;
      paint.setStrokeWidth(radius / 3);
      invalidate();
 
      if(isRuning) {
        handler.sendEmptyMessageDelayed(0, 50);
      }
    }
  };
  private void startAnim() {
    isRuning = true;
    handler.sendEmptyMessageDelayed(0, 50);
  }
 
}

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

您可能感兴趣的文章:

Flutter 插件url_launcher简介
最近项目需求是打开一个连接跳转到安卓或苹果默认的浏览器。虽然开始一个简单的要求，其中的一个细节就是执行打开网页这一操作后，不能看上去像在应用内部打开，看上去要在应用外部打开，今天小编给大家介绍Flutter 插件url_launcher的相关知识，感兴趣的朋友一起看看吧
2020-04-04
一文理解Android系统中强指针的实现
因为Android中很多地方代码是用C++编写，为了能够保证C++中指针能够被正确的释放，于是Android引入了其实在C++中已经有的智能指针技术
2021-10-10
Android手机获取Mac地址的几种方法
今天小编就为大家分享一篇关于Android手机获取Mac地址的几种方法，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧
2019-02-02
Android编程之光线传感器用法详解
这篇文章主要介绍了Android编程之光线传感器用法,结合实例形式分析了Android光线传感器的功能、实现步骤与相关注意事项,并给出了相关demo示例,需要的朋友可以参考下
2017-11-11
Android Compose实现伸缩ToolBar的思路详解
这篇文章主要介绍了Android Compose之伸缩ToolBar的实现,本文给大家分享主要实现思路及实现过程，通过实例代码给大家介绍的非常详细，需要的朋友可以参考下
2021-10-10
Android中findViewById获取控件返回为空问题怎么解决
这篇文章主要介绍了Android中findViewById获取控件返回为空问题怎么解决的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
2016-06-06
Android使用TabLayou+fragment+viewpager实现滑动切换页面效果
这篇文章主要介绍了Android使用TabLayou+fragment+viewpager实现滑动切换页面效果,需要的朋友可以参考下
2017-05-05
Android省电的秘密之JobScheduler
JobScheduler是Android L版本新引入的API，JobScheduler，顾名思义，是用来调度工作。工作被调度的条件包括网络变化，充电插拔，周期执行等。谷歌为什么要引入这个新的API呢？是为了省电而制定的一种规范。下面跟着小编一起来看下吧
2017-02-02
Android开发技巧之我的菜单我做主(自定义菜单)
Android SDK本身提供了一种默认创建菜单的机制,虽然功能上还不错，但是界面的美观度不是很理想，本结介绍一种实现方法：就是通过onKeyDown事件方法和PopupWindow实现自定义的菜单，感兴趣的朋友可以了解下
2013-01-01
Android音频可视化开发案例说明
最近移植Android，当Android能够在设备上面运行之后，首先想到的是让音频设备跑起来。“没有声音，再好的戏也出不来”接下来介绍Android音频可视化开发流程
2012-12-12

Android自定义控件实现水波纹效果

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具