Android实现波浪球效果

2023-07-18 12:12:03 180

波浪球的效果一直都是想模仿的对象，在最近一段时间里模仿了这一界面，其实所用知识并不多。

1）、波浪的效果是利用三角函数来实现的，在自定义view中创建容量为width的数组，由y=Asin(Kx+T)+H得到每个x相对应的y值，然后存入数组里面。

2）、利用Android中Canvas提供的drawLine来从上部向下画线，每个像素上画完线之后就组成了图像。

3）、自定义view中的变量都与width建立了比例关系，可以任意大小，且效果一致。

4）、分别对y=Asin(Kx+T)+H中的T与H做valueAnimation的数字动画，就能实现波浪和上升的效果。

5）、利用Android中Paint的setXfermode来实现圆形效果。

6）、给外部提供了外部接口，可以对内部状态进行改变。

具体代码如下：

1界面XML代码：

2、waveView的java代码：

packagecom.example.app_switchbutton;

importandroid.animation.ValueAnimator;
importandroid.content.Context;
importandroid.content.pm.ProviderInfo;
importandroid.graphics.Bitmap;
importandroid.graphics.Canvas;
importandroid.graphics.Color;
importandroid.graphics.Paint;
importandroid.graphics.PorterDuff;
importandroid.graphics.PorterDuffXfermode;
importandroid.util.AttributeSet;
importandroid.view.MotionEvent;
importandroid.view.View;

/**
*Createdby尽途on2017/4/30.
*/

publicclasswaveViewextendsView{
privateintwidthSize;
privateintheightSize;
privatefloat[]mContentOneYs=null;
privatefloat[]mContentTwoYs=null;
privatefloat[]restoreOnes=null;
privatefloat[]restoreTwos=null;
privatefloatn=0.5f;
privateintSWINGONE;
privateintSWINGTWO;
privateintOFFSETONE=0;
privateintOFFSETTWO=0;
privatePaintmPaint1;
privatePaintmPaint2;
privatePaintcirclePaint;
privateCanvasbitmapCanvas;
privateBitmapbitmap;
privatefloatendValue;


publicwaveView(Contextcontext){
super(context);
init();
}
publicwaveView(Contextcontext,AttributeSetattributeSet){
super(context,attributeSet);
init();
}
privatevoidinit(){
mPaint1=newPaint();
mPaint1.setColor(Color.parseColor("#AB9DCF"));
mPaint1.setStrokeWidth(4);
mPaint1.setAlpha(240);
mPaint1.setStyle(Paint.Style.FILL);
mPaint1.setXfermode(newPorterDuffXfermode(PorterDuff.Mode.SRC_IN));

mPaint2=newPaint();
mPaint2.setColor(Color.parseColor("#A2D1F3"));
mPaint2.setStrokeWidth(4);
mPaint2.setAlpha(240);
mPaint2.setStyle(Paint.Style.FILL);
mPaint2.setXfermode(newPorterDuffXfermode(PorterDuff.Mode.SRC_IN));

circlePaint=newPaint();
circlePaint.setAntiAlias(true);
circlePaint.setColor(Color.GRAY);
//circlePaint.setAlpha(56);

}

@Override
protectedvoidonMeasure(intwidthMeasureSpec,intheightMeasureSpec){
widthSize=MeasureSpec.getSize(widthMeasureSpec);
heightSize=widthSize;
setMeasuredDimension(widthSize,heightSize);

bitmap=Bitmap.createBitmap(widthSize,heightSize,Bitmap.Config.ARGB_8888);//实现圆球效果
bitmapCanvas=newCanvas(bitmap);
SWINGONE=widthSize/20;
SWINGTWO=widthSize/10;
}

@Override
protectedvoidonSizeChanged(intw,inth,intoldw,intoldh){
super.onSizeChanged(w,h,oldw,oldh);
getPoints();
}
privatevoidgetPoints(){
mContentOneYs=newfloat[widthSize];
mContentTwoYs=newfloat[widthSize];
restoreOnes=newfloat[widthSize];
restoreTwos=newfloat[widthSize];
for(inti=0;i
3、waveActivity的java代码：  
packagecom.example.app_switchbutton;

importandroid.support.v7.app.AppCompatActivity;
importandroid.os.Bundle;
importandroid.view.View;
importandroid.widget.Button;

publicclassWaveViewActivityextendsAppCompatActivity{
privateButtonbegainButton;
privatewaveViewwaveview;

@Override
protectedvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_wave_view);
waveview=(waveView)findViewById(R.id.waveview);
begainButton=(Button)findViewById(R.id.begainButtton);
begainButton.setOnClickListener(newView.OnClickListener(){
@Override
publicvoidonClick(Viewv){
waveview.begainAnimation();
}
});
}
}
在此也多些网上的老前辈的学习代码。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。
声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

Android实现波浪球效果

热门推荐

随机推荐