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.mzph.cn/news/61881.shtml

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

相关文章

2023开学季图书馆荐八一新书《乡村振兴战略下传统村落文化旅游设计 》中大许少辉博士后著

2023开学季图书馆荐八一新书《乡村振兴战略下传统村落文化旅游设计 》中大许少辉博士后著

2023开学季图书馆荐八一新书《乡村振兴战略下传统村落文化旅游设计 》中大许少辉博士后著
阅读更多...
说说大表关联小表

说说大表关联小表

分析&回答 Hive 大表和小表的关联 优先选择将小表放在内存中。小表不足以放到内存中&#xff0c;可以通过bucket-map-join(不清楚的话看底部文章)来实现&#xff0c;效果很明显。 两个表join的时候&#xff0c;其方法是两个join表在join key上都做hash bucket&#xff0c…
阅读更多...
【数据结构回顾】

【数据结构回顾】

数据结构回顾 一、单链表二、单循环链表 一、单链表 #include <stdio.h> #include <stdlib.h>typedef struct Node {int data;Node *next; }Node;Node* initList() {Node *list (Node*)malloc(sizeof(Node));list->data 0;list->next NULL;return list; }…
阅读更多...
Netty源码NioEventLoop解析

Netty源码NioEventLoop解析

带着问题源码 Netty 的 NioEventLoop 是如何实现的&#xff1f;它为什么能够保证 Channel 的操作是线程安全的&#xff1f;Netty 如何解决 JDK epoll 空轮询 Bug&#xff1f;NioEventLoop 是如何实现无锁化的&#xff1f; 一、作用与设计原理 Netty的NioEventLoop并不是一个存…
阅读更多...
pg_database中的datlastsysoid

pg_database中的datlastsysoid

一&#xff0c;关于 pg_database 在 PostgreSQL 中&#xff0c;对于在数据库集群内创建的每个数据库,其关键信息都会被保存到 pg_database 系统表中。 PostgreSQL 确保通过 pg_database 系统表持久化存储每个数据库的属性信息&#xff0c;以方便后续管理和使用。这也让 pg_da…
阅读更多...
Windows安装配置Tomcat服务器教程 - 外网远程访问

Windows安装配置Tomcat服务器教程 - 外网远程访问

文章目录 前言1.本地Tomcat网页搭建1.1 Tomcat安装1.2 配置环境变量1.3 环境配置1.4 Tomcat运行测试1.5 Cpolar安装和注册 2.本地网页发布2.1.Cpolar云端设置2.2 Cpolar本地设置 3.公网访问测试4.结语 前言 Tomcat作为一个轻量级的服务器&#xff0c;不仅名字很有趣&#xff0…
阅读更多...
振动智能监测与设备可靠性：无线技术的契机

振动智能监测与设备可靠性：无线技术的契机

在现代工业领域&#xff0c;设备的可靠性和稳定运行对于生产效率和安全性至关重要。然而&#xff0c;由于设备的频繁使用和各种环境影响&#xff0c;设备故障和突发停机仍然是不可避免的挑战。为了有效地应对这些挑战&#xff0c;振动智能监测技术结合无线传感器的应用正在成为…
阅读更多...
W5500-EVB-PICO主动PING主机IP检测连通性（十）

W5500-EVB-PICO主动PING主机IP检测连通性（十）

前言 上一章我们用W5500_EVB_PICO 开发板做UDP组播数据回环测试&#xff0c;那么本章我们进行W5500_EVB_PICO Ping的测试。 什么是PING&#xff1f; Ping &#xff08;Packet Internet Groper&#xff09;是一种因特网包探索器&#xff0c;用于测试网络连接量的程序 。Ping是…
阅读更多...
“北科Java面试宝典（211最详细讲解）“

“北科Java面试宝典（211最详细讲解）“

Version : V1.0 北科Java面试宝典一、Java基础面试题【24道】二、JVM虚拟机面试题【14道】三、集合相关面试题【17道】四、多线程 【25道】五、IO【5道】六、网络编程 【9道】七、MySQL以及SQL面试题【20道】八、常用框架【19道】九、中间件和分布式 【54道】十、设计模式面试 …
阅读更多...
Plex私人影音云盘搭建教程：本地电脑使用内网穿透实现远程访问

Plex私人影音云盘搭建教程：本地电脑使用内网穿透实现远程访问

文章目录 1.前言2. Plex网站搭建2.1 Plex下载和安装2.2 Plex网页测试2.3 cpolar的安装和注册 3. 本地网页发布3.1 Cpolar云端设置3.2 Cpolar本地设置 4. 公网访问测试5. 结语 1.前言 用手机或者平板电脑看视频&#xff0c;已经算是生活中稀松平常的场景了&#xff0c;特别是各…
阅读更多...
数据库和缓存如何保证一致性？

数据库和缓存如何保证一致性？

&#x1f4e2;&#x1f4e2;&#x1f4e2;&#x1f4e3;&#x1f4e3;&#x1f4e3; 哈喽&#xff01;大家好&#xff0c;我是【一心同学】&#xff0c;一位上进心十足的【Java领域博主】&#xff01;&#x1f61c;&#x1f61c;&#x1f61c; ✨【一心同学】的写作风格&#x…
阅读更多...
匿名函数（ lambda 表达式）

匿名函数（ lambda 表达式）

在 C 中&#xff0c;匿名函数也被称为 lambda 表达式。C11 引入了 lambda 表达式&#xff0c;使得在需要函数对象&#xff08;函数符&#xff09;的地方可以使用匿名函数来代替。 lambda 表达式的基本语法如下&#xff1a; [capture list] (parameter list) -> return typ…
阅读更多...
JVM-CMS

JVM-CMS

when 堆大小要求为4-8G 原理 初始标记&#xff1a;执行CMS线程->STW&#xff0c;标记GC Root直接关联的对象->低延迟 并发标记&#xff1a;执行CMS线程和业务线程&#xff0c;从GC Root直接关联的对象开始遍历整个对象图 重新标记&#xff1a;执行CMS线程->STW&a…
阅读更多...
Mybatis-Plus快速入门

Mybatis-Plus快速入门

目录 一、基础工程 1、创建一个数据库&#xff1a;mp 2、添加数据 3、创建初始工程 4、添加依赖 二、Mybatis Mybatis-Plus 1、创建子工程&#xff1a;mybatis-plus-simple 2、在子工程下添加配置 2.1Mybatis实现查询User 2.1.1、编写User实体对象 2.1.2、编写UserMa…
阅读更多...
【业务功能篇93】微服务-springcloud-多线程-异步处理-异步编排-CompletableFutrue-实战运用

【业务功能篇93】微服务-springcloud-多线程-异步处理-异步编排-CompletableFutrue-实战运用

异步处理编排 我们可以在商品详细信息查询的位置实现CompletableFuture的异步编排处理。 根据业务分析&#xff1a;3.4.5数据接口的入参信息需要来源于1数据接口的返回信息&#xff0c;也就是skuid 所以可以设计 1 3 4 5 串行线程 &#xff0c;而 3 4 5依赖1 &#xff0c;需要等…
阅读更多...
Redis项目实战——优惠券秒杀

Redis项目实战——优惠券秒杀

目录 Redis自增功能解决全局唯一IDRedis实现优惠券秒杀的主要思路实现过程中出现的问题及解决方法超卖问题方案1 悲观锁方案2 乐观锁 一人一单问题分布式锁如何用Redis实现分布式锁&#xff1f; Redis优化秒杀消息队列实现异步秒杀List发布订阅模式Stream Redis自增功能解决全局…
阅读更多...
Windows环境下的Tomcat服务器安装和配置教程，包括外网远程访问的设置方法

Windows环境下的Tomcat服务器安装和配置教程，包括外网远程访问的设置方法

文章目录 前言1.本地Tomcat网页搭建1.1 Tomcat安装1.2 配置环境变量1.3 环境配置1.4 Tomcat运行测试1.5 Cpolar安装和注册 2.本地网页发布2.1.Cpolar云端设置2.2 Cpolar本地设置 3.公网访问测试4.结语 前言 Tomcat作为一个轻量级的服务器&#xff0c;不仅名字很有趣&#xff0…
阅读更多...
Docker consul 容器服务自动发现和更新

Docker consul 容器服务自动发现和更新

目录 一、什么是服务注册与发现 二、Docker-consul集群 1.Docker-consul consul提供的一些关键特性 2.registrator 3.Consul-template 三、Docker-consul实现过程 以配置nginx负载均衡为例 先配置consul-agent &#xff0c;有两种模式server和client 四、Docker-cons…
阅读更多...
K8s 持久化存储有几种方式？一文了解本地盘/CSI 外接存储/K8s 原生存储的优缺点

K8s 持久化存储有几种方式？一文了解本地盘/CSI 外接存储/K8s 原生存储的优缺点

当今云原生环境中&#xff0c;Kubernetes&#xff08;K8s&#xff09;已成为既定的容器编排工具。随着 K8s 的普及&#xff0c;存储也成为 K8s 用户关注的一个重要问题&#xff1a;为了满足不同的场景需求&#xff0c;K8s 可以支持基于不同架构的多种存储方案。这些方案间有什么…
阅读更多...
0基础学习VR全景平台篇 第95篇：VR实景智慧导航操作手册

0基础学习VR全景平台篇 第95篇：VR实景智慧导航操作手册

一、实景导航前期准备工作及点位采集 &#xff08;一&#xff09;实景导航前期准备工作 &#xff08;1&#xff09;拍摄设备 1.推荐相机&#xff1a;全画幅的佳能 Canon EOS​ 5D Mark IV 2.搭配镜头&#xff1a;原厂的佳能 Canon EF卡口 8-15mm 全画幅鱼眼镜头 3.三角架 …
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023