android 自定义一个水波进度view
时间: 2023-12-29 10:04:21 浏览: 28
要自定义一个水波进度 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 绘制波形等。