时间:2021-05-20
本文为大家分享了Android实现水波纹效果展示的具体代码,供大家参考,具体内容如下
一、效果
二、实现原理
自定义view,使用Path和贝塞尔曲线绘制,然后不断刷新,并且改变X、Y的值
主要知识点rQuadTo的使用
三、实现
WaveView.java
public class WaveView extends View { private Paint mPaint; private final Path mPath; //波长 private int wavelength = 500; private int originY=800; private int dx,dy; public WaveView(Context context, @Nullable AttributeSet attrs) { super(context, attrs); mPaint = new Paint(); mPath = new Path(); mPaint.setColor(Color.GREEN); mPaint.setStrokeWidth(5); mPaint.setStyle(Paint.Style.FILL_AND_STROKE);// startanimation(); } @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); //重置path mPath.reset();// 改变y的起始坐标 if(dy<originY+150){ dy+=10; } int halfWaveLength = wavelength / 2; mPath.moveTo(-wavelength + dx, originY-dy); //屏幕多宽,画多少 for (int i = -wavelength; i <= getWidth() + wavelength; i += wavelength) { /** * 相对绘制二阶贝塞尔曲线(相对于自己的起始点--也即是上一个曲线的终点 ) * float dx1 相对于上一个曲线的终点 的距离 * float dy1 * float dx2 * float dy2 */ mPath.rQuadTo(halfWaveLength / 2, -150, halfWaveLength, 0); mPath.rQuadTo(halfWaveLength / 2, 150, halfWaveLength, 0); } //颜色填充 //画一个封闭的空间 mPath.lineTo(getWidth(), getHeight()); mPath.lineTo(0, getHeight()); mPath.close(); canvas.drawPath(mPath, mPaint);// //设置起始点坐标// path.moveTo(100,400);// //二阶贝塞尔曲线1// path.quadTo(250,200,400,400);// //二阶贝塞尔曲线2// path.quadTo(550,600,700,400);// //关闭路径(将起点和终点闭合)// path.close();// path.moveTo(100,700);// path.cubicTo(50,500,550,500,700,700); } public void startanimation() { ValueAnimator animator = ValueAnimator.ofInt(0, wavelength); animator.setDuration(1000); animator.setInterpolator(new LinearInterpolator()); //无限循环 animator.setRepeatCount(ValueAnimator.INFINITE); animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() { @Override public void onAnimationUpdate(ValueAnimator animation) { dx = (int) animation.getAnimatedValue(); postInvalidate(); } }); animator.start(); }}最后把这个当成一个控件使用就可以。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
Android实现水波纹点击效果只在Android5.0以上版本有效,水波纹点击效果代码供大家参考,具体内容如下圆角背景的水波纹效果(如上图)1.定义一个普通圆
前言水波纹效果大致上可以分为两类,一类是有界水波纹,而另一类是无界水波纹,较为广泛使用的是有界水波纹。系统自带的水波纹实现系统自带的方法非常方便,只需要给相应的
本文实例为大家分享了Android自定义View的实现水波纹,供大家参考,具体内容如下一、实现效果MainActivity.xmlMainActivity中的点
今天,我们继续分享JavaScript实现的效果例子,这篇文章会介绍使用JavaScript实现水波纹效果。水波效果以图片为背景,点击图片任意位置都会触发。有时
液晶显示器有水波纹解决方法和原因分析,如何解决水波纹问题?LCD刚刚买回家,就出现了水波纹问题。所谓的水波纹问题,就是指屏幕上的暗波线发生干扰的一种形式,给用户