自定义View 水波纹

public class WaterView extends View {

private Path path;
private Paint paint;
private float mX;

public WaterView(Context context) {
    this(context,null);
}

public WaterView(Context context, AttributeSet attrs) {
    this(context, attrs,-1);
}

public WaterView(Context context, AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
    init(context);
}

private void init(Context context) {

    path = new Path();
    paint = new Paint();

    paint.setAntiAlias(true);
    paint.setStrokeWidth(5);
    paint.setColor(Color.RED);

}

@Override
protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);

    path.reset();

    path.moveTo(getLeft(),getBottom());

    float mPi = (float) (Math.PI * 2 / getRight());

    mX -= 0.1f;
    for (int x=0;x<=getRight();x+=20){
        path.lineTo(x, (float) (10*Math.sin(mPi*x+mX)+50));
    }

    path.lineTo(getRight(),getBottom());

    canvas.drawPath(path,paint);

    postInvalidateDelayed(20);
}

}

另一种方式的写法(实际上是一样的,只是打了注释)
public class WaterView extends View {

private Path path;
private Paint paint;
private float xM;

public WaterView(Context context) {
    super(context);
    init(context);
}

public WaterView(Context context,AttributeSet attrs) {
    super(context, attrs);
    init(context);
}

public WaterView(Context context,AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
    init(context);
}

private void init(Context context) {

    path = new Path();//路径

    paint = new Paint();//画笔
    paint.setColor(Color.RED);//设置颜色
    paint.setStrokeWidth(2);//设置宽度
    paint.setAntiAlias(true);//抗锯齿
    paint.setStyle(Paint.Style.STROKE);

}

@Override
protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    path.reset();// 刷新
    //记录开始位置
    path.moveTo(getLeft(), getBottom());

    //记录波动的位置
    float mPi = (float) (Math.PI * 5 / getRight());//  获取每一个宽度值占得度数
    xM -= 0.5f;
    for (int x=0;x <= getRight(); x += 20){
        path.lineTo(x,(float) (6 * Math.cos(mPi * x + xM)) + 10);
    }
    //记录结束位置
    path.lineTo(getRight(),getBottom());
    canvas.drawPath(path,paint);
    postInvalidateDelayed(20);//定时刷新  单位:毫秒
}

}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
自定义一个水波进度 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、付费专栏及课程。

余额充值