Android studio实现圆形进度条

参考博客
效果图
在这里插入图片描述
MainActivity

import androidx.appcompat.app.AppCompatActivity;
import android.graphics.Color;
import android.os.Bundle;
import android.widget.TextView;import java.util.Timer;
import java.util.TimerTask;public class MainActivity extends AppCompatActivity {private CircleProgressBar progressBar;private TextView percentageTextView;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);progressBar = findViewById(R.id.progressBar);percentageTextView = findViewById(R.id.percentageTextView);// 设置最大进度值为100progressBar.setProgress(100);Timer timer = new Timer();timer.scheduleAtFixedRate(new TimerTask() {int i = 0;@Overridepublic void run() {if (i <= 100) {final int progress = i;runOnUiThread(new Runnable() {@Overridepublic void run() {progressBar.setProgress(progress);percentageTextView.setText("SDC" + "\n" + progress + "%" + "\n" + "充电中");}});i++;} else {timer.cancel();}}}, 0, 50);}
}

CircleProgressBar

import android.animation.ObjectAnimator;
import android.content.Context;
import android.content.res.Resources;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.LinearGradient;
import android.graphics.Matrix;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.PathMeasure;
import android.graphics.RectF;
import android.graphics.Shader;
import android.graphics.SweepGradient;
import android.nfc.Tag;
import android.util.AttributeSet;
import android.util.Log;
import android.view.View;import androidx.annotation.Nullable;
import androidx.interpolator.view.animation.FastOutSlowInInterpolator;public class CircleProgressBar extends View {//起始角度控制半圆开口的大小，数值越小开口越大，数值越大开口越小private static final float START_ANGLE = 135f;private static final float MAX_ANGLE = 270f;private float progress = 0;private float centerX;private float centerY;private float width;private float height;private int lineWidth = dp2px(20); // 绘制圆环的线宽private int pointWidth = dp2px(2); // 绘制圆点线宽private SweepGradient sweepGradient;private Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);//抗锯齿标志private Paint pointPaint = new Paint(Paint.ANTI_ALIAS_FLAG);private ObjectAnimator animator;private int[] colors = {Color.parseColor("#09F5E6"),Color.parseColor("#09F5E6"),//浅色Color.parseColor("#23F2A4"),Color.parseColor("#40EF59"),Color.parseColor("#7EED26"),Color.parseColor("#B7EC15"),Color.parseColor("#FFE300"),Color.parseColor("#FF0B00"),Color.parseColor("#FF0000"),//深色};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);paint.setColor(Color.GRAY); //设置颜色paint.setStyle(Paint.Style.STROKE);//设置画笔样式STROKE：描边；paint.setStrokeCap(Paint.Cap.ROUND);//设置圆形线帽paint.setStrokeWidth(lineWidth);//画笔的线宽度(lineWidth)pointPaint.setColor(Color.WHITE);pointPaint.setStyle(Paint.Style.STROKE);//点画笔的样式为描边(Paint.Style.STROKE)pointPaint.setStrokeWidth(pointWidth);//点画笔的线宽度(pointWidth)}public void setProgress(float progress) {this.progress = progress;invalidate();}@Overrideprotected void onSizeChanged(int w, int h, int oldw, int oldh) {super.onSizeChanged(w, h, oldw, oldh);//getWidth() 和 getHeight() 函数分别获取屏幕的宽度和高度width = getWidth();height = getHeight();//除以2来计算出屏幕中心点的坐标（centerX 和 centerY）centerX = getWidth() / 2;centerY = getHeight() / 2;//使用 SweepGradient 类创建一个扫描渐变对象，传入中心点坐标（centerX 和 centerY）、渐变颜色数组（colors）和一个可选的颜色位置数组sweepGradient = new SweepGradient(centerX, centerY, colors, null);//改变开始渐变的角度(默认从右边开始画圆渐变,旋转90度就从下方开始画圆渐变,旋转之后更好设置颜色渐变值)//创建一个 Matrix 对象并使用 setRotate() 方法将渐变旋转90度，以改变渐变的起始角度Matrix matrix = new Matrix();matrix.setRotate(90, centerX, centerY);//将渐变对象设置为画笔（paint）的着色器（shader），以实现扫描渐变效果sweepGradient.setLocalMatrix(matrix);paint.setShader(sweepGradient);}@Overrideprotected void onDraw(Canvas canvas) {super.onDraw(canvas);// 绘制环形drawArc(canvas);// 绘制末尾圆点drawPoint(canvas);}private void drawArc(Canvas canvas) {int padding = lineWidth + pointWidth;canvas.drawArc(padding, padding, width - padding, height - padding, START_ANGLE, MAX_ANGLE, false, paint);/*代码作用：在指定的画布上绘制一个弧形图形，其位置和样式由参数决定使用画布（Canvas）对象绘制一个弧形（Arc）的图形。具体参数解释如下：padding：指定弧形图形的边距，即距离画布边界的距离。width：画布的宽度。height：画布的高度。START_ANGLE：弧形的起始角度，以度数表示。MAX_ANGLE：弧形的角度范围，以度数表示。false：指定是否使用中心点连接起始点和结束点，这里为false表示不连接。paint：画笔（Paint）对象，用于指定绘制弧形的样式和颜色。*/}private void drawPoint(Canvas canvas) {//绘制一个圆形进度条，并在进度条上显示进度//创建了一个 Path 对象，然后根据给定的进度计算出扫过的角度 sweepAnglePath path = new Path();float sweepAngle = (MAX_ANGLE * progress) / 100.0f;Log.e("CircleProgressBar-E", "sweepAngle = " + sweepAngle + ", progress = " + progress);//将起始点和终止点添加到 Path 对象中，形成一个圆弧int padding = lineWidth + pointWidth;path.addArc(padding, padding, width - padding, height - padding, START_ANGLE, sweepAngle);//使用 PathMeasure 对象获取圆弧上指定位置的坐标，并将其存储在 pos 数组中PathMeasure measure = new PathMeasure(path, false);float[] pos = new float[2];//通过 pos 数组中的坐标来绘制进度条上的进度标记measure.getPosTan(measure.getLength() - 1, pos, null);pointPaint.setColor(Color.parseColor("#FF7968"));pointPaint.setStyle(Paint.Style.FILL);//在画布上绘制一个圆形。它使用了pos数组中的前两个元素作为圆心的坐标，//lineWidth减去pointWidth的值作为圆的半径，pointPaint作为绘制圆的画笔。绘制的圆形将会显示在画布上canvas.drawCircle(pos[0], pos[1], lineWidth - pointWidth, pointPaint);pointPaint.setColor(Color.WHITE);pointPaint.setStyle(Paint.Style.STROKE);canvas.drawCircle(pos[0], pos[1], lineWidth - pointWidth, pointPaint);}public int dp2px(final float dpValue) {//将设备独立像素(dp)转换为像素(px)//获取系统的显示度量(Resources.getSystem().getDisplayMetrics())，其中包含了设备的屏幕密度(density)信息。// 然后，将dpValue乘以屏幕密度(scale)，再乘以0.5f，并将结果转换为整数(int)返回。// 这个0.5f的作用是进行四舍五入(rounding)操作，以便在转换过程中更准确地处理小数部分。// 最终返回的值就是dpValue对应的像素(px)值final float scale = Resources.getSystem().getDisplayMetrics().density;return (int) (dpValue * scale + 0.5f);}
}

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"tools:context=".MainActivity"android:orientation="vertical"android:background="@color/royalblue"><LinearLayoutandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:orientation="horizontal"android:layout_gravity="center"android:padding="20dp"android:layout_marginTop="10dp"android:layout_marginBottom="30dp"><LinearLayoutandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:orientation="vertical"android:layout_marginRight="60dp"><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="258"android:textColor="@color/white"/><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="电压（V）"android:textColor="@color/white"/></LinearLayout><LinearLayoutandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:orientation="vertical"android:layout_marginRight="60dp"><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="258"android:textColor="@color/white"/><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="电压（V）"android:textColor="@color/white"/></LinearLayout><LinearLayoutandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:orientation="vertical"android:layout_gravity="right"><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="258"android:textColor="@color/white"/><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="电压（V）"android:textColor="@color/white"/></LinearLayout></LinearLayout>
<LinearLayoutandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:orientation="vertical"android:layout_gravity="center"><com.example.halfcircleprogressbar.CircleProgressBarandroid:id="@+id/progressBar"android:layout_width="330dp"android:layout_height="330dp"android:layout_gravity="center"android:layout_centerInParent="true"tools:ignore="MissingClass,MissingConstraints" /><TextViewandroid:id="@+id/percentageTextView"android:layout_width="match_parent"android:layout_height="match_parent"android:gravity="center"android:layout_centerInParent="true"android:layout_marginTop="-150dp"android:textSize="24sp"tools:ignore="MissingConstraints"android:textColor="@color/white"/></LinearLayout></LinearLayout>

value/attrs.xml

<?xml version="1.0" encoding="utf-8"?>
<resources><declare-styleable name="CircleProgressView">//背景颜色<attr name="outerColor" format="color"/>//圆弧颜色<attr name="innerColor" format="color"/>//弧宽度<attr name="borderWidth" format="dimension"/>//渐变色起始颜色<attr name="foreStartColor" format="color" />//渐变色结束颜色<attr name="foreEndColor" format="color" /></declare-styleable>
</resources>

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.rhkb.cn/news/114526.html

如若内容造成侵权/违法违规/事实不符，请联系长河编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

OpenCV之filter2D函数

OpenCV之filter2D函数

函数原型&#xff1a; CV_EXPORTS_W void filter2D(InputArray src,OutputArray dst,int ddepth,InputArray kernel,Point anchorPoint(-1,-1),double delta0,int borderTypeBORDER_DEFAULT); src: 原图像&#xff1b; dst&#xff1a;输出图像 &#xff0c;和输入的图像具有…
阅读更多...
Android RecyclerView 之 吸顶效果

Android RecyclerView 之 吸顶效果

前言 上一篇文章已经实现了列表跟宫格布局的动态切换&#xff0c;这篇文章主要来说通过 CoordinatorLayout 和 AppbarLayout 的配合&#xff0c;以及 NestedScrollView 来实现吸顶效果 。效果如下。 一、CoordinatorLayout 是什么&#xff1f; CoordinatorLayout 是 Androi…
阅读更多...
javaee之黑马乐优商城1

javaee之黑马乐优商城1

问题1&#xff1a;整体的项目架构与技术选型 技术选型 开发环境 域名测试 如何把项目起来&#xff0c;以及每一个目录结构大概是什么样子 通过webpack去启动了有个项目&#xff0c;这里还是热部署&#xff0c;文件改动&#xff0c;内容就会改动 Dev这个命令会生成一个本地循环…
阅读更多...
Metasploit“MSF”连接postgresql时因排序规则版本不匹配导致无法连接

Metasploit“MSF”连接postgresql时因排序规则版本不匹配导致无法连接

一、问题 更新Kali之后使用Metasploit时出现一个问题&#xff0c;连接postgresql时因排序规则版本不匹配导致无法连接 警告: database "msf" has a collation version mismatch DETAIL: The database was created using collation version 2.36, but the operati…
阅读更多...
Web_单一视频文件mp4转换为m3u分段ts文件实现边下边播

Web_单一视频文件mp4转换为m3u分段ts文件实现边下边播

一、下载ffmpeg： Builds - CODEX FFMPEG @ gyan.dev 二、转换视频文件： 先解压缩，会看到如下结构： 进入bin目录，把需要转换的视频文件复制过来，同时新建一个文件夹用来存放转换后的文件，然后按住Shift键同时单击鼠标右键，选择打开Powershell窗口： 输入以下命令（根据…
阅读更多...
干货！耽误你1分钟，教你怎么查自己的流量卡是什么卡？

干货！耽误你1分钟，教你怎么查自己的流量卡是什么卡？

很多朋友都想购买一张正规的号卡&#xff0c;但是在网上一搜流量卡&#xff0c;五花八门&#xff0c;各式各样&#xff0c;那么&#xff0c;我们该如何辨别流量卡呢。 ​ 从种类上来看&#xff0c;网上的流量卡一共分为两种&#xff1a;号卡和物联卡 物联卡不用多说&#xff0…
阅读更多...
无涯教程-Android - Linear Layout函数

无涯教程-Android - Linear Layout函数

Android LinearLayout是一个视图组&#xff0c;该视图组将垂直或水平的所有子级对齐。 Linear Layout - 属性 以下是LinearLayout特有的重要属性- Sr.NoAttribute & 描述1 android:id 这是唯一标识布局的ID。 2 android:baselineAligned 此值必须是布尔值&#xff0c;为…
阅读更多...
【OpenCV入门】第三部分——绘制图形与文字

【OpenCV入门】第三部分——绘制图形与文字

文章结构 线段的绘制矩形的绘制圆形的绘制多边形的绘制文字的绘制文字的斜体效果文字的垂直镜像效果在图像上绘制文字 动态绘制图形 线段的绘制 使用 line() 方法可绘制长短不一的、粗细各异的、五颜六色的线段。 img cv2.line(img,pt1,pt2,color,thickness)img&#xff1a;…
阅读更多...
Spring MVC： 请求参数的获取

Spring MVC： 请求参数的获取

Spring MVC 前言通过 RequestParam 注解获取请求参数RequestParam用法 通过 ServletAPI 获取请求参数通过实体类对象获取请求参数附 前言 在 Spring MVC 介绍中&#xff0c;谈到前端控制器 DispatcherServlet 接收客户端请求&#xff0c;依据处理器映射 HandlerMapping 配置调…
阅读更多...
DT 变形学习

DT 变形学习

弯曲变形 扩张变形 正弦变形 挤压变形 扭曲变形 波浪变形 内外的影响 雕刻 抖动变形 混合变形 晶格变形 包裹变形 线条变形 重置 在测试一个
阅读更多...
嵌入式行业——选择比努力重要

嵌入式行业——选择比努力重要

嵌入式开发可以说是一个较大的类别&#xff0c;也可以看作是应用技术的一种广义称谓。它在不同的工业和行业场景中应用不同的业务模式和领域。 举个例子&#xff0c;嵌入式技术结合基站通信技术&#xff0c;就构成了华为基站&#xff1b;嵌入式技术结合视频处理/图像处理技术&a…
阅读更多...
docker作业

docker作业

目录 1、使用mysql:5.6和 owncloud 镜像&#xff0c;构建一个个人网盘。 1.1启动镜像 1.2启动cloud镜像 1.3浏览器访问 ​编辑 2、安装搭建私有仓库 Harbor 2.1下载docker-compose 2.2 磁盘挂载&#xff0c;保存harbor 2.3 修改配置文件 2.4安装 2.5浏览器访问 2.6 新…
阅读更多...
因果推断（六）基于微软框架dowhy的因果推断

因果推断（六）基于微软框架dowhy的因果推断

因果推断&#xff08;六&#xff09;基于微软框架dowhy的因果推断 DoWhy 基于因果推断的两大框架构建&#xff1a;「图模型」与「潜在结果模型」。具体来说&#xff0c;其使用基于图的准则与 do-积分来对假设进行建模并识别出非参数化的因果效应&#xff1b;而在估计阶段则主要…
阅读更多...
2023年信息安全管理与评估任务书模块一网络平台搭建与设备安全防护

2023年信息安全管理与评估任务书模块一网络平台搭建与设备安全防护

全国职业院校技能大赛 高等职业教育组 信息安全管理与评估 任务书 模块一 网络平台搭建与设备安全防护 比赛时间 本阶段比赛时长为180分钟。 赛项信息 竞赛阶段 任务阶段 竞赛任务 竞赛时间 分值 第一阶段 网络平台搭建与设备安全防护 任务1 网络平台搭建 9:00- 12:00 …
阅读更多...
Linux文件管理知识:查找文件（第二篇）

Linux文件管理知识:查找文件（第二篇）

上篇文章详细介绍了linux系统中查找文件的工具或者命令程序locate和find命令的基本操作。那么&#xff0c;今天这篇文章紧接着查找文件相关操作内容介绍。 Find命令所属操作列表中的条目&#xff0c;有助于我们想要的结果输出。上篇文章已讲到find 命令是基于搜索结果来执行操作…
阅读更多...
什么是BEM命名规范（Block-Element-Modifier Notation）？它有什么优势？

什么是BEM命名规范（Block-Element-Modifier Notation）？它有什么优势？

聚沙成塔每天进步一点点 ⭐ 专栏简介⭐ BEM命名规范&#xff08;Block-Element-Modifier Notation&#xff09;⭐ BEM命名结构⭐ 优势⭐ 写在最后 ⭐ 专栏简介 前端入门之旅&#xff1a;探索Web开发的奇妙世界 记得点击上方或者右侧链接订阅本专栏哦 几何带你启航前端之旅 欢迎…
阅读更多...
Golang数据结构和算法

Golang数据结构和算法

Golang数据结构和算法 数据的逻辑结构和物理结构常见数据结构及其特点算法的时间复杂度和空间复杂度Golang冒泡排序Golang选择排序Golang插入排序Golang快速排序Golang归并排序Golang二分查找Golang sort包Golang链表Golang container/list标准库Golang栈stackGolang二叉搜索树…
阅读更多...
阻塞非阻塞IO（BIO和NIO），IO多路复用

阻塞非阻塞IO（BIO和NIO），IO多路复用

1.概念 NIO&#xff08;New Input/Output&#xff09;和BIO&#xff08;Blocking Input/Output&#xff09;是Java中用于处理输入输出的两种不同的模型。 BIO 会阻塞&#xff0c;等有了消息&#xff0c;立刻返回&#xff0c;一个线程处理一个recv&#xff08;需要很多线程&…
阅读更多...
Redis——》如何评估锁过期时间

Redis——》如何评估锁过期时间

推荐链接&#xff1a; 总结——》【Java】 总结——》【Mysql】 总结——》【Redis】 总结——》【Kafka】 总结——》【Spring】 总结——》【SpringBoot】 总结——》【MyBatis、MyBatis-Plus】 总结——》【Linux】 总结——》【MongoD…
阅读更多...
绘图系统二：多图绘制系统

绘图系统二：多图绘制系统

文章目录 坐标轴控件坐标系控件绘制多组数据源代码 本文基于&#xff1a;&#x1f4c8;从0开始实现一个三维绘图系统 坐标轴控件 三个坐标轴xyz从外观上看其实毫无区别&#xff0c;这种标签和输入框的组合十分常见&#xff0c;为了便于调用&#xff0c;最好实现一个类。 tki…
阅读更多...
最新文章
推荐文章

Copyright @ 2022~2023