自定义view水波纹

===========新建一个MyWave类====================
private int [] colors = new int[]{Color.BLUE,Color.RED,Color.YELLOW,Color.GREEN,Color.BLACK,Color.DKGRAY};
///控制是否继续执行动画
	protected boolean isRunning = false;

	/**
	 * 装圆的集合
	 */
	private ArrayList<Wave> wList;
	public MyWave(Context context, AttributeSet attrs) {
		super(context, attrs);
		wList = new ArrayList<MyWave.Wave>();
	}

	Handler handler=new Handler(){
		
		public void handleMessage(android.os.Message msg) {
			
			
			switch (msg.what) {
			case 1:
				System.out.println(wList.size()+"-----------");
				//刷新数据
				flushData();
				//刷新页面
				invalidate();
				
				if(isRunning){
					handler.sendEmptyMessageDelayed(1, 50);
					
				}

				break;

			default:
				break;
			}
			
		};
		
	};
	
	
	@SuppressLint({ "ClickableViewAccessibility", "NewApi" })
	@Override
	public boolean onTouchEvent(MotionEvent event) {

		switch (event.getAction()) {
		case MotionEvent.ACTION_MOVE:
			int x = (int)event. getX();
			int y = (int)event. getY();
			setCircle(x, y);
			System.out.println(x+"===="+y);
			break;
		}

		return true;
	}
/**
 * 更新圆的大小和透明度
 */
	protected void flushData() {
	for(int i=0;i<wList.size();i++){
		
		
		Wave wave = wList.get(i);
		//获得画笔透明度
		int alpha = wave.p.getAlpha();
		
		
		
		
		//透明的越来越高
		alpha= alpha-5;
		if(alpha<5){
			alpha=0;
			wList.remove(i);
//			isRunning=false;
		}
		//设置的透明度越来越高
		wave.p.setAlpha(alpha);	
		//扩大半径
		wave.r=wave.r+3;
		
		wave.p.setStrokeWidth(wave.r/3);
	}
	if(wList.size() == 0){
		isRunning = false;
	}	
	}
/**
 * 设置圆
 * @param x
 * @param y
 */
	private void setCircle(int x, int y) {
		
		if(wList.size()==0){
			createAndAddCircle(x,y);	
			isRunning=true;
			handler.sendEmptyMessage(1);
		}else{
			
			createAndAddCircle(x,y);	

		}
		
		
	}
	
	@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);

		
	}
	}
	/**
	 * 创造圆并且添加
	 */
	private void createAndAddCircle(int x, int y) {
		
		Wave wave=new Wave();
		wave.cx=x;
		wave.cy=y;
		Paint paint=new Paint();
		paint.setStyle(Style.STROKE);
		paint.setAntiAlias(true);
		paint.setColor(colors[(int) (Math.random()*6)]);
		wave.p=paint;
		wList.add(wave);
		
	}

	// 圆的封装类
	private class Wave {
		// 圆心
		int cx;
		int cy;

		// 画笔
		Paint p;
		// 半径
		int r;
	}
=======================布局=============================
<pre name="code" class="java"><com.example.myview.MyWave
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
          android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
         />


 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
经导师精心指导并认可、获 98 分的毕业设计项目!【项目资源】:微信小程序。【项目说明】:聚焦计算机相关专业毕设及实战操练,可作课程设计与期末大作业,含全部源码,能直用于毕设,经严格调试,运行有保障!【项目服务】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 经导师精心指导并认可、获 98 分的毕业设计项目!【项目资源】:微信小程序。【项目说明】:聚焦计算机相关专业毕设及实战操练,可作课程设计与期末大作业,含全部源码,能直用于毕设,经严格调试,运行有保障!【项目服务】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 经导师精心指导并认可、获 98 分的毕业设计项目!【项目资源】:微信小程序。【项目说明】:聚焦计算机相关专业毕设及实战操练,可作课程设计与期末大作业,含全部源码,能直用于毕设,经严格调试,运行有保障!【项目服务】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 经导师精心指导并认可、获 98 分的毕业设计项目!【项目资源】:微信小程序。【项目说明】:聚焦计算机相关专业毕设及实战操练,可作课程设计与期末大作业,含全部源码,能直用于毕设,经严格调试,运行有保障!【项目服务】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。
自定义一个水波进度 View,你需要完成以下几个步骤: 1. 创建一个自定义 View 类,并在构造函数中初始化一些必要的属性,如颜色、线宽等。 2. 重写 onSizeChanged() 方法,在该方法中获取 View 的宽度和高度,并计算出进度条的半径、圆心等相关参数。 3. 重写 onDraw() 方法,在该方法中绘制水波纹效果。 4. 在自定义 View 中添加一个 setProgress() 方法,用于设置进度条的进度。 5. 在布局文件中引入自定义 View,设置 layout_width 和 layout_height 属性,并在代码中调用 setProgress() 方法设置进度条的进度。 下面是一个简单的自定义水波进度 View 的代码示例: ```java public class WaterWaveProgressView extends View { private Paint mPaint; private int mWidth, mHeight; private float mRadius; private float mProgress; public WaterWaveProgressView(Context context) { super(context); init(); } public WaterWaveProgressView(Context context, AttributeSet attrs) { super(context, attrs); init(); } public WaterWaveProgressView(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); init(); } private void init() { mPaint = new Paint(Paint.ANTI_ALIAS_FLAG); mPaint.setColor(Color.BLUE); mPaint.setStrokeWidth(5); mPaint.setStyle(Paint.Style.STROKE); } @Override protected void onSizeChanged(int w, int h, int oldw, int oldh) { super.onSizeChanged(w, h, oldw, oldh); mWidth = w; mHeight = h; mRadius = Math.min(mWidth, mHeight) / 2 * 0.8f; } @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); canvas.drawCircle(mWidth / 2, mHeight / 2, mRadius, mPaint); float angle = mProgress / 100 * 360; canvas.drawArc(mWidth / 2 - mRadius, mHeight / 2 - mRadius, mWidth / 2 + mRadius, mHeight / 2 + mRadius, -90, angle, false, mPaint); } public void setProgress(float progress) { mProgress = progress; invalidate(); } } ``` 通过调用 setProgress() 方法来更新进度条的进度,如下所示: ```java WaterWaveProgressView progressView = findViewById(R.id.progress_view); progressView.setProgress(50); // 设置进度为 50% ``` 在布局文件中引入自定义 View: ```xml <com.example.waterwaveprogressview.WaterWaveProgressView android:id="@+id/progress_view" android:layout_width="150dp" android:layout_height="150dp" /> ``` 这样就能够实现一个简单的水波进度 View 了。如果需要更加复杂的效果,可以在 onDraw() 方法中绘制多个水波纹,或者使用 Path 绘制波形等。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值