android贝塞尔曲线实现波浪效果

 更新时间:2020年08月26日 13:50:57   作者:a719739635  
这篇文章主要为大家详细介绍了android贝塞尔曲线实现波浪效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了android贝塞尔曲线实现波浪效果的具体代码,供大家参考,具体内容如下

因为手机录制gif不知道下什么软件好,所以暂时就先忽略效果图了

我在屏幕外多画了1.5个波浪,延伸至屏幕内。然后不断的循环,向右边移动。就有一种波浪的效果。

所以现在只需要画出左边的波长,然后再通过循环添加所有的波长即可。

第一个曲线已经确定了控制点和终点的坐标,

第二条曲线也可以很明显的看出来终点是在x轴的0点坐标,Y轴不变,而控制点是在负的波长的1/4的位置

有了上下曲线以后,其他的就可以直接通过循环进行添加了

接下来直接看一下代码

public class WaveView extends View implements View.OnClickListener {
 //路径
 private Path mPath;
 //画笔
 private Paint mPaint;
 //屏幕高度
 private int screenHeight;
 //屏幕宽度
 private int screenWidth;
 //波长 自己控制
 private int waveLength = 800;
 //波长的数量
 private int waveCount;
 //贝塞尔曲线的控制点
 private int centerY;
 private ValueAnimator mValueAnimator;
 //偏移量
 private int mOffset;
 
 public WaveView(Context context) {
  this(context, null);
 }
 
 public WaveView(Context context, @Nullable AttributeSet attrs) {
  super(context, attrs);
  init();
 }
 
 private void init() {
  //初始化画笔
  mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
  mPaint.setStyle(Paint.Style.FILL);
  mPaint.setColor(Color.RED);
  
  mPath = new Path();
 }
 
 @Override
 protected void onSizeChanged(int w, int h, int oldw, int oldh) {
  super.onSizeChanged(w, h, oldw, oldh);
  screenHeight = h;// 获取屏幕高度
  screenWidth = w;//获取屏幕宽度
 
  centerY = h / 2;//设置中心点
  waveCount = (int) Math.round(screenWidth / waveLength + 1.5);//波长的数量
 }
 
 @Override
 protected void onDraw(Canvas canvas) {
  super.onDraw(canvas);
  mPath.reset();
  //首先移动到最左边 offset是偏移量
  mPath.moveTo(-waveLength + mOffset, centerY);
  for (int i = 0; i < waveCount; i++) {
   //先画底部的曲线 负的波长的3/4 第二次加一个波长的长度 以及加偏移量 曲线是向下的,控制点加60  终点则为负的波长的1/2 + 波长的长度 和偏移量 
   mPath.quadTo(-waveLength * 3 / 4 + i * waveLength + mOffset, centerY + 60, -waveLength / 2 + i * waveLength + mOffset, centerY);
   //再画顶部的曲线 负的波长的1/4         曲线是向上的,控制点减60 
   mPath.quadTo(-waveLength * 1 / 4 + i * waveLength + mOffset, centerY - 60, 0 + i * waveLength + mOffset, centerY);
  }
  //闭合路径
  mPath.lineTo(screenWidth, screenHeight);
  mPath.lineTo(0, screenHeight);
  mPath.close();
  canvas.drawPath(mPath, mPaint);
  //设置点击时间只是为了点击以后才开始循环
  setOnClickListener(this);
 }
 
 @Override
 public void onClick(View view) {
  //主要是为了获取偏移量
  mValueAnimator = ValueAnimator.ofInt(0, waveLength);
  mValueAnimator.setDuration(1000);
  mValueAnimator.setRepeatCount(ValueAnimator.INFINITE);
  mValueAnimator.setInterpolator(new LinearInterpolator());
  mValueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
   @Override
   public void onAnimationUpdate(ValueAnimator valueAnimator) {
    mOffset = (int) valueAnimator.getAnimatedValue();
    //重绘
    invalidate();
   }
  });
  mValueAnimator.start();
 }
}

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

相关文章

  • Android启动页优化之实现应用秒开

    Android启动页优化之实现应用秒开

    现在很多应用都会在进入主界面之前,添加一个启动页,然后加入几秒钟的广告,我觉得这个不能算是 “真正意义上的 “ 启动页,应该叫广告页。
    2021-05-05
  • Android实现TV端大图浏览效果的全过程

    Android实现TV端大图浏览效果的全过程

    最近的开发中遇到了个需求,需要在tv端加载很长的图片,发现网上没有相关的资料,所以跟大家分享下,这篇文章主要给大家介绍了关于Android实现TV端大图浏览效果的相关资料,需要的朋友可以参考下
    2023-01-01
  • Android利用BitMap获得图片像素数据的方法

    Android利用BitMap获得图片像素数据的方法

    这篇文章主要介绍了Android利用BitMap获得图片像素数据的方法,结合实例对比分析了Android获取图片像素数据的相关技巧,需要的朋友可以参考下
    2016-02-02
  • Flutter自定义年月日倒计时

    Flutter自定义年月日倒计时

    这篇文章主要为大家详细介绍了Flutter自定义年月日倒计时,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-03-03
  • android实现常驻通知栏遇到的问题及解决办法

    android实现常驻通知栏遇到的问题及解决办法

    这篇文章主要介绍了android实现常驻通知栏遇到的问题及解决办法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-06-06
  • Android ViewDragHelper完全解析 自定义ViewGroup神器

    Android ViewDragHelper完全解析 自定义ViewGroup神器

    这篇文章主要为大家详细介绍了Android ViewDragHelper完全解析,自定义ViewGroup神器,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03
  • 违章查询源码分享

    违章查询源码分享

    本文主要分享了违章查询源码,特附上源码下载地址和测试安装包下载地址。需要的朋友一起来看下吧
    2016-12-12
  • Android下拉列表spinner的实例代码

    Android下拉列表spinner的实例代码

    这篇文章主要为大家详细介绍了Android下拉列表spinner的实例代码。感兴趣的小伙伴们可以参考一下
    2016-05-05
  • Android实现微信摇一摇功能

    Android实现微信摇一摇功能

    这篇文章主要为大家详细介绍了Android实现微信摇一摇功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-01-01
  • Android自定义圆弧进度条加数字动态变化

    Android自定义圆弧进度条加数字动态变化

    这篇文章主要为大家详细介绍了Android自定义圆弧进度条加数字动态变化,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-07-07

最新评论