diff --git a/.idea/misc.xml b/.idea/misc.xml index 556ce81..173a637 100644 --- a/.idea/misc.xml +++ b/.idea/misc.xml @@ -3,25 +3,18 @@ diff --git a/.idea/misc.xml b/.idea/misc.xml index 556ce81..173a637 100644 --- a/.idea/misc.xml +++ b/.idea/misc.xml @@ -3,25 +3,18 @@ diff --git a/app/src/main/java/com/casic/dcms/ui/TrendAnalysisActivity.java b/app/src/main/java/com/casic/dcms/ui/TrendAnalysisActivity.java index be93501..c0070c7 100644 --- a/app/src/main/java/com/casic/dcms/ui/TrendAnalysisActivity.java +++ b/app/src/main/java/com/casic/dcms/ui/TrendAnalysisActivity.java @@ -14,6 +14,8 @@ import com.jzxiang.pickerview.data.Type; import com.jzxiang.pickerview.listener.OnDateSetListener; +import java.util.Calendar; + public class TrendAnalysisActivity extends AndroidxBaseActivity { private final Context context = TrendAnalysisActivity.this; @@ -28,6 +30,10 @@ protected void initData() { //默认显示当前月的分析数据 viewBinding.titleBarLayout.dateView.setText(TimeOrDateUtil.timestampToYearMonth(System.currentTimeMillis())); + viewBinding.wholeCircleProgressBar.setCurrentValue(80); + //初始化折线图 + Calendar calendar = Calendar.getInstance(); + int maximum = calendar.getActualMaximum(Calendar.DAY_OF_MONTH); } @Override diff --git a/.idea/misc.xml b/.idea/misc.xml index 556ce81..173a637 100644 --- a/.idea/misc.xml +++ b/.idea/misc.xml @@ -3,25 +3,18 @@ diff --git a/app/src/main/java/com/casic/dcms/ui/TrendAnalysisActivity.java b/app/src/main/java/com/casic/dcms/ui/TrendAnalysisActivity.java index be93501..c0070c7 100644 --- a/app/src/main/java/com/casic/dcms/ui/TrendAnalysisActivity.java +++ b/app/src/main/java/com/casic/dcms/ui/TrendAnalysisActivity.java @@ -14,6 +14,8 @@ import com.jzxiang.pickerview.data.Type; import com.jzxiang.pickerview.listener.OnDateSetListener; +import java.util.Calendar; + public class TrendAnalysisActivity extends AndroidxBaseActivity { private final Context context = TrendAnalysisActivity.this; @@ -28,6 +30,10 @@ protected void initData() { //默认显示当前月的分析数据 viewBinding.titleBarLayout.dateView.setText(TimeOrDateUtil.timestampToYearMonth(System.currentTimeMillis())); + viewBinding.wholeCircleProgressBar.setCurrentValue(80); + //初始化折线图 + Calendar calendar = Calendar.getInstance(); + int maximum = calendar.getActualMaximum(Calendar.DAY_OF_MONTH); } @Override diff --git a/app/src/main/java/com/casic/dcms/widgets/CircleProgressBar.java b/app/src/main/java/com/casic/dcms/widgets/CircleProgressBar.java new file mode 100644 index 0000000..752a572 --- /dev/null +++ b/app/src/main/java/com/casic/dcms/widgets/CircleProgressBar.java @@ -0,0 +1,198 @@ +package com.casic.dcms.widgets; + +import android.annotation.SuppressLint; +import android.content.Context; +import android.content.res.TypedArray; +import android.graphics.Canvas; +import android.graphics.Paint; +import android.graphics.Rect; +import android.graphics.RectF; +import android.os.Handler; +import android.os.Message; +import android.text.TextPaint; +import android.util.AttributeSet; +import android.view.View; + +import androidx.annotation.NonNull; +import androidx.annotation.Nullable; +import androidx.core.content.ContextCompat; + +import com.casic.dcms.R; +import com.qmuiteam.qmui.util.QMUIDisplayHelper; + +import java.lang.ref.WeakReference; + +public class CircleProgressBar extends View { + + private static WeakReferenceHandler weakReferenceHandler; + private final Context context; + private final int backgroundColor; + private final int foregroundColor; + private final String text; + private float centerX; + private float centerY; + private Paint backgroundPaint; + private Paint foregroundPaint; + private TextPaint textPaint; + private int radius; + private String currentValue;//当前污染物测量值 + private float sweepAngle;//当前测量值转为弧度扫过的角度 + + public CircleProgressBar(Context context) { + this(context, null); + } + + public CircleProgressBar(Context context, @Nullable AttributeSet attrs) { + this(context, attrs, 0); + } + + public CircleProgressBar(Context context, @Nullable AttributeSet attrs, int defStyleAttr) { + super(context, attrs, defStyleAttr); + this.context = context; + TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.CircleProgressBar, defStyleAttr, 0); + backgroundColor = a.getColor(R.styleable.CircleProgressBar_pg_backgroundColor, ContextCompat.getColor(context, R.color.lightGray)); + foregroundColor = a.getColor(R.styleable.CircleProgressBar_pg_foregroundColor, ContextCompat.getColor(context, R.color.mainThemeColor)); + text = a.getString(R.styleable.CircleProgressBar_pg_text); + a.recycle(); + //初始化画笔 + initPaint(); + weakReferenceHandler = new WeakReferenceHandler(this); + } + + private void initPaint() { + //背景色画笔 + backgroundPaint = new Paint(); + backgroundPaint.setColor(backgroundColor); + backgroundPaint.setStyle(Paint.Style.STROKE); + backgroundPaint.setStrokeWidth(QMUIDisplayHelper.dp2px(context, 10)); + backgroundPaint.setStrokeCap(Paint.Cap.ROUND);//圆头 + backgroundPaint.setAntiAlias(true); + + //前景色画笔 + foregroundPaint = new Paint(); + foregroundPaint.setColor(foregroundColor); + foregroundPaint.setStyle(Paint.Style.STROKE); + foregroundPaint.setStrokeWidth(QMUIDisplayHelper.dp2px(context, 10)); + foregroundPaint.setStrokeCap(Paint.Cap.ROUND);//圆头 + foregroundPaint.setAntiAlias(true); + + //文字画笔 + textPaint = new TextPaint(); + textPaint.setAntiAlias(true); + textPaint.setTextAlign(Paint.Align.CENTER); + textPaint.setColor(ContextCompat.getColor(context, R.color.textColor)); + textPaint.setTextSize(QMUIDisplayHelper.sp2px(context, 14)); + } + + //计算出中心位置，便于定位 + @Override + protected void onSizeChanged(int w, int h, int oldw, int oldh) { + super.onSizeChanged(w, h, oldw, oldh); + centerX = w >> 1; + centerY = h >> 1; + } + + //计算控件实际大小 + @Override + protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { + super.onMeasure(widthMeasureSpec, heightMeasureSpec); + int widthSpecMode = MeasureSpec.getMode(widthMeasureSpec); + int widthSpecSize = MeasureSpec.getSize(widthMeasureSpec); + int heightSpecMode = MeasureSpec.getMode(heightMeasureSpec); + int heightSpecSize = MeasureSpec.getSize(heightMeasureSpec); + // 获取宽 + int viewWidth; + if (widthSpecMode == MeasureSpec.EXACTLY) { + // match_parent/精确值 + viewWidth = widthSpecSize; + } else { + // wrap_content + viewWidth = QMUIDisplayHelper.dp2px(context, 120); + } + // 获取高 + int viewHeight; + if (heightSpecMode == MeasureSpec.EXACTLY) { + // match_parent/精确值 + viewHeight = heightSpecSize; + } else { + // wrap_content + viewHeight = QMUIDisplayHelper.dp2px(context, 120); + } + //园半径等于View宽或者高的一半 + this.radius = (viewWidth - QMUIDisplayHelper.dp2px(context, 20)) >> 1; + setMeasuredDimension(viewWidth, viewHeight); + } + + @SuppressLint("DrawAllocation") + @Override + protected void onDraw(Canvas canvas) { + super.onDraw(canvas); + /** + * 画布移到中心位置 + * */ + canvas.translate(centerX, centerY); + //绘制进度条背景 + canvas.drawCircle(0, 0, radius, backgroundPaint); + + //绘制上面百分比 + Rect valueRect = new Rect(0, 0, 0, 0); + int valueY = (int) (valueRect.centerY() + (textPaint.getFontMetrics().top) * 0.3);//基线中间点的y轴计算公式 + canvas.drawText(currentValue, valueRect.centerX(), valueY, textPaint); + + //绘制下面Tip文字 + Rect tipsRect = new Rect(0, 0, 0, 0); + //计算文字左下角坐标 + int tipsY = (int) (tipsRect.centerY() - (textPaint.getFontMetrics().top) * 1.2);//基线中间点的y轴计算公式 + canvas.drawText(text, tipsRect.centerX(), tipsY, textPaint); + + //绘制前景进度 + drawForegroundArc(canvas); + } + + private void drawForegroundArc(Canvas canvas) { + RectF rectF = new RectF(-radius, -radius, radius, radius); + canvas.drawArc(rectF, -90, sweepAngle, false, foregroundPaint); + invalidate(); + } + + public void setCurrentValue(int value) { + if (value < 0) { + this.currentValue = "0"; + } else if (value > 100) { + this.currentValue = "100%"; + } else { + this.currentValue = value + "%"; + } + //进度条缓慢前进 + new Thread(() -> { + for (int i = 0; i < value; i++) { + Message message = weakReferenceHandler.obtainMessage(); + message.arg1 = i; + message.what = 20220130; + weakReferenceHandler.handleMessage(message); + try { + Thread.sleep(10); + } catch (InterruptedException e) { + e.printStackTrace(); + } + } + }).start(); + } + + private static class WeakReferenceHandler extends Handler { + private final WeakReference reference; + + private WeakReferenceHandler(CircleProgressBar view) { + reference = new WeakReference<>(view); + } + + @Override + public void handleMessage(@NonNull Message msg) { + super.handleMessage(msg); + CircleProgressBar bar = reference.get(); + if (msg.what == 20220130) { + bar.sweepAngle = (float) msg.arg1 * 360 / 100; + } + } + } +} diff --git a/.idea/misc.xml b/.idea/misc.xml index 556ce81..173a637 100644 --- a/.idea/misc.xml +++ b/.idea/misc.xml @@ -3,25 +3,18 @@ diff --git a/app/src/main/java/com/casic/dcms/ui/TrendAnalysisActivity.java b/app/src/main/java/com/casic/dcms/ui/TrendAnalysisActivity.java index be93501..c0070c7 100644 --- a/app/src/main/java/com/casic/dcms/ui/TrendAnalysisActivity.java +++ b/app/src/main/java/com/casic/dcms/ui/TrendAnalysisActivity.java @@ -14,6 +14,8 @@ import com.jzxiang.pickerview.data.Type; import com.jzxiang.pickerview.listener.OnDateSetListener; +import java.util.Calendar; + public class TrendAnalysisActivity extends AndroidxBaseActivity { private final Context context = TrendAnalysisActivity.this; @@ -28,6 +30,10 @@ protected void initData() { //默认显示当前月的分析数据 viewBinding.titleBarLayout.dateView.setText(TimeOrDateUtil.timestampToYearMonth(System.currentTimeMillis())); + viewBinding.wholeCircleProgressBar.setCurrentValue(80); + //初始化折线图 + Calendar calendar = Calendar.getInstance(); + int maximum = calendar.getActualMaximum(Calendar.DAY_OF_MONTH); } @Override diff --git a/app/src/main/java/com/casic/dcms/widgets/CircleProgressBar.java b/app/src/main/java/com/casic/dcms/widgets/CircleProgressBar.java new file mode 100644 index 0000000..752a572 --- /dev/null +++ b/app/src/main/java/com/casic/dcms/widgets/CircleProgressBar.java @@ -0,0 +1,198 @@ +package com.casic.dcms.widgets; + +import android.annotation.SuppressLint; +import android.content.Context; +import android.content.res.TypedArray; +import android.graphics.Canvas; +import android.graphics.Paint; +import android.graphics.Rect; +import android.graphics.RectF; +import android.os.Handler; +import android.os.Message; +import android.text.TextPaint; +import android.util.AttributeSet; +import android.view.View; + +import androidx.annotation.NonNull; +import androidx.annotation.Nullable; +import androidx.core.content.ContextCompat; + +import com.casic.dcms.R; +import com.qmuiteam.qmui.util.QMUIDisplayHelper; + +import java.lang.ref.WeakReference; + +public class CircleProgressBar extends View { + + private static WeakReferenceHandler weakReferenceHandler; + private final Context context; + private final int backgroundColor; + private final int foregroundColor; + private final String text; + private float centerX; + private float centerY; + private Paint backgroundPaint; + private Paint foregroundPaint; + private TextPaint textPaint; + private int radius; + private String currentValue;//当前污染物测量值 + private float sweepAngle;//当前测量值转为弧度扫过的角度 + + public CircleProgressBar(Context context) { + this(context, null); + } + + public CircleProgressBar(Context context, @Nullable AttributeSet attrs) { + this(context, attrs, 0); + } + + public CircleProgressBar(Context context, @Nullable AttributeSet attrs, int defStyleAttr) { + super(context, attrs, defStyleAttr); + this.context = context; + TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.CircleProgressBar, defStyleAttr, 0); + backgroundColor = a.getColor(R.styleable.CircleProgressBar_pg_backgroundColor, ContextCompat.getColor(context, R.color.lightGray)); + foregroundColor = a.getColor(R.styleable.CircleProgressBar_pg_foregroundColor, ContextCompat.getColor(context, R.color.mainThemeColor)); + text = a.getString(R.styleable.CircleProgressBar_pg_text); + a.recycle(); + //初始化画笔 + initPaint(); + weakReferenceHandler = new WeakReferenceHandler(this); + } + + private void initPaint() { + //背景色画笔 + backgroundPaint = new Paint(); + backgroundPaint.setColor(backgroundColor); + backgroundPaint.setStyle(Paint.Style.STROKE); + backgroundPaint.setStrokeWidth(QMUIDisplayHelper.dp2px(context, 10)); + backgroundPaint.setStrokeCap(Paint.Cap.ROUND);//圆头 + backgroundPaint.setAntiAlias(true); + + //前景色画笔 + foregroundPaint = new Paint(); + foregroundPaint.setColor(foregroundColor); + foregroundPaint.setStyle(Paint.Style.STROKE); + foregroundPaint.setStrokeWidth(QMUIDisplayHelper.dp2px(context, 10)); + foregroundPaint.setStrokeCap(Paint.Cap.ROUND);//圆头 + foregroundPaint.setAntiAlias(true); + + //文字画笔 + textPaint = new TextPaint(); + textPaint.setAntiAlias(true); + textPaint.setTextAlign(Paint.Align.CENTER); + textPaint.setColor(ContextCompat.getColor(context, R.color.textColor)); + textPaint.setTextSize(QMUIDisplayHelper.sp2px(context, 14)); + } + + //计算出中心位置，便于定位 + @Override + protected void onSizeChanged(int w, int h, int oldw, int oldh) { + super.onSizeChanged(w, h, oldw, oldh); + centerX = w >> 1; + centerY = h >> 1; + } + + //计算控件实际大小 + @Override + protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { + super.onMeasure(widthMeasureSpec, heightMeasureSpec); + int widthSpecMode = MeasureSpec.getMode(widthMeasureSpec); + int widthSpecSize = MeasureSpec.getSize(widthMeasureSpec); + int heightSpecMode = MeasureSpec.getMode(heightMeasureSpec); + int heightSpecSize = MeasureSpec.getSize(heightMeasureSpec); + // 获取宽 + int viewWidth; + if (widthSpecMode == MeasureSpec.EXACTLY) { + // match_parent/精确值 + viewWidth = widthSpecSize; + } else { + // wrap_content + viewWidth = QMUIDisplayHelper.dp2px(context, 120); + } + // 获取高 + int viewHeight; + if (heightSpecMode == MeasureSpec.EXACTLY) { + // match_parent/精确值 + viewHeight = heightSpecSize; + } else { + // wrap_content + viewHeight = QMUIDisplayHelper.dp2px(context, 120); + } + //园半径等于View宽或者高的一半 + this.radius = (viewWidth - QMUIDisplayHelper.dp2px(context, 20)) >> 1; + setMeasuredDimension(viewWidth, viewHeight); + } + + @SuppressLint("DrawAllocation") + @Override + protected void onDraw(Canvas canvas) { + super.onDraw(canvas); + /** + * 画布移到中心位置 + * */ + canvas.translate(centerX, centerY); + //绘制进度条背景 + canvas.drawCircle(0, 0, radius, backgroundPaint); + + //绘制上面百分比 + Rect valueRect = new Rect(0, 0, 0, 0); + int valueY = (int) (valueRect.centerY() + (textPaint.getFontMetrics().top) * 0.3);//基线中间点的y轴计算公式 + canvas.drawText(currentValue, valueRect.centerX(), valueY, textPaint); + + //绘制下面Tip文字 + Rect tipsRect = new Rect(0, 0, 0, 0); + //计算文字左下角坐标 + int tipsY = (int) (tipsRect.centerY() - (textPaint.getFontMetrics().top) * 1.2);//基线中间点的y轴计算公式 + canvas.drawText(text, tipsRect.centerX(), tipsY, textPaint); + + //绘制前景进度 + drawForegroundArc(canvas); + } + + private void drawForegroundArc(Canvas canvas) { + RectF rectF = new RectF(-radius, -radius, radius, radius); + canvas.drawArc(rectF, -90, sweepAngle, false, foregroundPaint); + invalidate(); + } + + public void setCurrentValue(int value) { + if (value < 0) { + this.currentValue = "0"; + } else if (value > 100) { + this.currentValue = "100%"; + } else { + this.currentValue = value + "%"; + } + //进度条缓慢前进 + new Thread(() -> { + for (int i = 0; i < value; i++) { + Message message = weakReferenceHandler.obtainMessage(); + message.arg1 = i; + message.what = 20220130; + weakReferenceHandler.handleMessage(message); + try { + Thread.sleep(10); + } catch (InterruptedException e) { + e.printStackTrace(); + } + } + }).start(); + } + + private static class WeakReferenceHandler extends Handler { + private final WeakReference reference; + + private WeakReferenceHandler(CircleProgressBar view) { + reference = new WeakReference<>(view); + } + + @Override + public void handleMessage(@NonNull Message msg) { + super.handleMessage(msg); + CircleProgressBar bar = reference.get(); + if (msg.what == 20220130) { + bar.sweepAngle = (float) msg.arg1 * 360 / 100; + } + } + } +} diff --git a/app/src/main/res/layout/activity_trend_analysis.xml b/app/src/main/res/layout/activity_trend_analysis.xml index d114e82..d26d9b1 100644 --- a/app/src/main/res/layout/activity_trend_analysis.xml +++ b/app/src/main/res/layout/activity_trend_analysis.xml @@ -16,7 +16,8 @@ + android:layout_height="wrap_content" + android:orientation="vertical"> - + app:pg_foregroundColor="@color/warnColor" + app:pg_text="总完成率" /> + + + + + + \ No newline at end of file diff --git a/.idea/misc.xml b/.idea/misc.xml index 556ce81..173a637 100644 --- a/.idea/misc.xml +++ b/.idea/misc.xml @@ -3,25 +3,18 @@ diff --git a/app/src/main/java/com/casic/dcms/ui/TrendAnalysisActivity.java b/app/src/main/java/com/casic/dcms/ui/TrendAnalysisActivity.java index be93501..c0070c7 100644 --- a/app/src/main/java/com/casic/dcms/ui/TrendAnalysisActivity.java +++ b/app/src/main/java/com/casic/dcms/ui/TrendAnalysisActivity.java @@ -14,6 +14,8 @@ import com.jzxiang.pickerview.data.Type; import com.jzxiang.pickerview.listener.OnDateSetListener; +import java.util.Calendar; + public class TrendAnalysisActivity extends AndroidxBaseActivity { private final Context context = TrendAnalysisActivity.this; @@ -28,6 +30,10 @@ protected void initData() { //默认显示当前月的分析数据 viewBinding.titleBarLayout.dateView.setText(TimeOrDateUtil.timestampToYearMonth(System.currentTimeMillis())); + viewBinding.wholeCircleProgressBar.setCurrentValue(80); + //初始化折线图 + Calendar calendar = Calendar.getInstance(); + int maximum = calendar.getActualMaximum(Calendar.DAY_OF_MONTH); } @Override diff --git a/app/src/main/java/com/casic/dcms/widgets/CircleProgressBar.java b/app/src/main/java/com/casic/dcms/widgets/CircleProgressBar.java new file mode 100644 index 0000000..752a572 --- /dev/null +++ b/app/src/main/java/com/casic/dcms/widgets/CircleProgressBar.java @@ -0,0 +1,198 @@ +package com.casic.dcms.widgets; + +import android.annotation.SuppressLint; +import android.content.Context; +import android.content.res.TypedArray; +import android.graphics.Canvas; +import android.graphics.Paint; +import android.graphics.Rect; +import android.graphics.RectF; +import android.os.Handler; +import android.os.Message; +import android.text.TextPaint; +import android.util.AttributeSet; +import android.view.View; + +import androidx.annotation.NonNull; +import androidx.annotation.Nullable; +import androidx.core.content.ContextCompat; + +import com.casic.dcms.R; +import com.qmuiteam.qmui.util.QMUIDisplayHelper; + +import java.lang.ref.WeakReference; + +public class CircleProgressBar extends View { + + private static WeakReferenceHandler weakReferenceHandler; + private final Context context; + private final int backgroundColor; + private final int foregroundColor; + private final String text; + private float centerX; + private float centerY; + private Paint backgroundPaint; + private Paint foregroundPaint; + private TextPaint textPaint; + private int radius; + private String currentValue;//当前污染物测量值 + private float sweepAngle;//当前测量值转为弧度扫过的角度 + + public CircleProgressBar(Context context) { + this(context, null); + } + + public CircleProgressBar(Context context, @Nullable AttributeSet attrs) { + this(context, attrs, 0); + } + + public CircleProgressBar(Context context, @Nullable AttributeSet attrs, int defStyleAttr) { + super(context, attrs, defStyleAttr); + this.context = context; + TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.CircleProgressBar, defStyleAttr, 0); + backgroundColor = a.getColor(R.styleable.CircleProgressBar_pg_backgroundColor, ContextCompat.getColor(context, R.color.lightGray)); + foregroundColor = a.getColor(R.styleable.CircleProgressBar_pg_foregroundColor, ContextCompat.getColor(context, R.color.mainThemeColor)); + text = a.getString(R.styleable.CircleProgressBar_pg_text); + a.recycle(); + //初始化画笔 + initPaint(); + weakReferenceHandler = new WeakReferenceHandler(this); + } + + private void initPaint() { + //背景色画笔 + backgroundPaint = new Paint(); + backgroundPaint.setColor(backgroundColor); + backgroundPaint.setStyle(Paint.Style.STROKE); + backgroundPaint.setStrokeWidth(QMUIDisplayHelper.dp2px(context, 10)); + backgroundPaint.setStrokeCap(Paint.Cap.ROUND);//圆头 + backgroundPaint.setAntiAlias(true); + + //前景色画笔 + foregroundPaint = new Paint(); + foregroundPaint.setColor(foregroundColor); + foregroundPaint.setStyle(Paint.Style.STROKE); + foregroundPaint.setStrokeWidth(QMUIDisplayHelper.dp2px(context, 10)); + foregroundPaint.setStrokeCap(Paint.Cap.ROUND);//圆头 + foregroundPaint.setAntiAlias(true); + + //文字画笔 + textPaint = new TextPaint(); + textPaint.setAntiAlias(true); + textPaint.setTextAlign(Paint.Align.CENTER); + textPaint.setColor(ContextCompat.getColor(context, R.color.textColor)); + textPaint.setTextSize(QMUIDisplayHelper.sp2px(context, 14)); + } + + //计算出中心位置，便于定位 + @Override + protected void onSizeChanged(int w, int h, int oldw, int oldh) { + super.onSizeChanged(w, h, oldw, oldh); + centerX = w >> 1; + centerY = h >> 1; + } + + //计算控件实际大小 + @Override + protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { + super.onMeasure(widthMeasureSpec, heightMeasureSpec); + int widthSpecMode = MeasureSpec.getMode(widthMeasureSpec); + int widthSpecSize = MeasureSpec.getSize(widthMeasureSpec); + int heightSpecMode = MeasureSpec.getMode(heightMeasureSpec); + int heightSpecSize = MeasureSpec.getSize(heightMeasureSpec); + // 获取宽 + int viewWidth; + if (widthSpecMode == MeasureSpec.EXACTLY) { + // match_parent/精确值 + viewWidth = widthSpecSize; + } else { + // wrap_content + viewWidth = QMUIDisplayHelper.dp2px(context, 120); + } + // 获取高 + int viewHeight; + if (heightSpecMode == MeasureSpec.EXACTLY) { + // match_parent/精确值 + viewHeight = heightSpecSize; + } else { + // wrap_content + viewHeight = QMUIDisplayHelper.dp2px(context, 120); + } + //园半径等于View宽或者高的一半 + this.radius = (viewWidth - QMUIDisplayHelper.dp2px(context, 20)) >> 1; + setMeasuredDimension(viewWidth, viewHeight); + } + + @SuppressLint("DrawAllocation") + @Override + protected void onDraw(Canvas canvas) { + super.onDraw(canvas); + /** + * 画布移到中心位置 + * */ + canvas.translate(centerX, centerY); + //绘制进度条背景 + canvas.drawCircle(0, 0, radius, backgroundPaint); + + //绘制上面百分比 + Rect valueRect = new Rect(0, 0, 0, 0); + int valueY = (int) (valueRect.centerY() + (textPaint.getFontMetrics().top) * 0.3);//基线中间点的y轴计算公式 + canvas.drawText(currentValue, valueRect.centerX(), valueY, textPaint); + + //绘制下面Tip文字 + Rect tipsRect = new Rect(0, 0, 0, 0); + //计算文字左下角坐标 + int tipsY = (int) (tipsRect.centerY() - (textPaint.getFontMetrics().top) * 1.2);//基线中间点的y轴计算公式 + canvas.drawText(text, tipsRect.centerX(), tipsY, textPaint); + + //绘制前景进度 + drawForegroundArc(canvas); + } + + private void drawForegroundArc(Canvas canvas) { + RectF rectF = new RectF(-radius, -radius, radius, radius); + canvas.drawArc(rectF, -90, sweepAngle, false, foregroundPaint); + invalidate(); + } + + public void setCurrentValue(int value) { + if (value < 0) { + this.currentValue = "0"; + } else if (value > 100) { + this.currentValue = "100%"; + } else { + this.currentValue = value + "%"; + } + //进度条缓慢前进 + new Thread(() -> { + for (int i = 0; i < value; i++) { + Message message = weakReferenceHandler.obtainMessage(); + message.arg1 = i; + message.what = 20220130; + weakReferenceHandler.handleMessage(message); + try { + Thread.sleep(10); + } catch (InterruptedException e) { + e.printStackTrace(); + } + } + }).start(); + } + + private static class WeakReferenceHandler extends Handler { + private final WeakReference reference; + + private WeakReferenceHandler(CircleProgressBar view) { + reference = new WeakReference<>(view); + } + + @Override + public void handleMessage(@NonNull Message msg) { + super.handleMessage(msg); + CircleProgressBar bar = reference.get(); + if (msg.what == 20220130) { + bar.sweepAngle = (float) msg.arg1 * 360 / 100; + } + } + } +} diff --git a/app/src/main/res/layout/activity_trend_analysis.xml b/app/src/main/res/layout/activity_trend_analysis.xml index d114e82..d26d9b1 100644 --- a/app/src/main/res/layout/activity_trend_analysis.xml +++ b/app/src/main/res/layout/activity_trend_analysis.xml @@ -16,7 +16,8 @@ + android:layout_height="wrap_content" + android:orientation="vertical"> - + app:pg_foregroundColor="@color/warnColor" + app:pg_text="总完成率" /> + + + + + + \ No newline at end of file diff --git a/app/src/main/res/values/styles.xml b/app/src/main/res/values/styles.xml index d6b7ea5..c25f045 100644 --- a/app/src/main/res/values/styles.xml +++ b/app/src/main/res/values/styles.xml @@ -8,6 +8,15 @@ @color/colorAccent + + + + + + + + +