android 自定义控件实现波浪效果（八）

效果图

android 自定义控件实现波浪效果（八）_第1张图片

第一步：新建文件WaveView 继承View

packagecom.rong.activity;importjava.util.ArrayList;importjava.util.Iterator;importjava.util.List;importandroid.content.Context;importandroid.graphics.Canvas;importandroid.graphics.Color;importandroid.graphics.DrawFilter;importandroid.graphics.Paint;importandroid.graphics.PaintFlagsDrawFilter;importandroid.util.AttributeSet;importandroid.util.Log;importandroid.view.View;/***自定义控件实现波浪效果*@author徐荣**/publicclassWaveViewextendsView{//画笔privatePaintmPaint;//抗锯齿privateDrawFiltermDrawFilter;//屏宽privateintscreenWidth;//屏高privateintscreenHeight;//波浪点的列表privateList<Float>postions;//临时列表privateList<Float>temps=newArrayList<Float>();//循环周期privatefloatmCycle;//浪高privateintWAVEHEIGHT=100;//速度privateintmSpeed=20;publicWaveView(Contextcontext,AttributeSetattrs){super(context,attrs);//初始化画笔mPaint=newPaint();mPaint.setAntiAlias(true);mPaint.setColor(Color.BLUE);mDrawFilter=newPaintFlagsDrawFilter(0,Paint.ANTI_ALIAS_FLAG|Paint.FILTER_BITMAP_FLAG);}@OverrideprotectedvoidonSizeChanged(intw,inth,intoldw,intoldh){super.onSizeChanged(w,h,oldw,oldh);//获取屏幕宽高screenWidth=getMeasuredWidth();screenHeight=getMeasuredHeight();//初始化周期mCycle=(float)(2*Math.PI/screenWidth);postions=newArrayList<Float>();for(inti=0;i<screenWidth;i++){//初始化波浪点floatposition=(float)(WAVEHEIGHT*Math.sin(mCycle*i)+0);postions.add(position);Log.i("position",i+"=="+position);}}@OverrideprotectedvoidonDraw(Canvascanvas){super.onDraw(canvas);//drawcanvas.setDrawFilter(mDrawFilter);drawWave(canvas);}publicvoiddrawWave(Canvascanvas){for(inti=0;i<postions.size();i++){//话竖线canvas.drawLine(i,screenHeight-postions.get(i)-2*WAVEHEIGHT,i,screenHeight,mPaint);}//清空临时数据temps.clear();intnowPosition=0;Iterator<Float>iterator=postions.iterator();while(iterator.hasNext()){//交换临时点的位置temps.add(iterator.next());iterator.remove();nowPosition=nowPosition+1;if(nowPosition==mSpeed){break;}}postions.addAll(temps);//重绘，会调用OnDraw方法invalidate();}}

第二步新建布局文件activity_main.xml

<?xmlversion="1.0"encoding="utf-8"?><RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android"android:id="@+id/main_touchlayout"android:layout_width="match_parent"android:layout_height="match_parent"android:background="#ffffff"android:orientation="vertical"><com.rong.activity.WaveViewandroid:id="@+id/main_touchview"android:layout_width="match_parent"android:layout_height="match_parent"android:layout_centerInParent="true"/></RelativeLayout>

更多相关文章

随机推荐