android 自定义八边形进度条

自定义八边形动画效果图如下图片: ![Alt](https://img-home.csdnimg.cn/images/20220524100510.pn
绘制步骤：
1.先绘制橙色底部八边形实心
2.黑色画笔绘制第二层，让最外层显示一条线条宽度即可
3.再用黄色画笔绘制黄色部分
4.使用渐变画笔根据当前进度绘制覆盖黄色部分
5.使用黑色画笔根据当前进度绘制刻度条
6.黑色画笔绘制第三层留出黄色部分的宽度

完整代码

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.PorterDuff;
import android.graphics.PorterDuffXfermode;
import android.graphics.RadialGradient;
import android.graphics.RectF;
import android.graphics.Shader;
import android.util.AttributeSet;
import android.view.View;public class EightView extends View {private Paint mPaint;private Paint roundPaint;private Paint bgPaint;private float mR, mCx, mCy,mR1,mR2;private static final int mN = 8;private static final float DEGREES_UNIT = 360 / mN; //正N边形每个角  360/mN能整除private int width = 0;private int height = 0;//外部描边色：#d06d38private int[] colors = new int[]{Color.parseColor("#e3682f"),Color.parseColor("#e3682f"),Color.parseColor("#e59f3a"),Color.parseColor("#e59f3a"),};public EightView(Context context) {this(context, null);}public EightView(Context context, AttributeSet attrs) {this(context, attrs, 0);}public EightView(Context context, AttributeSet attrs, int defStyleAttr) {super(context, attrs, defStyleAttr);//   PorterDuffXfermode porterDuffXfermode = new PorterDuffXfermode(PorterDuff.Mode.SRC_IN);//绘制8边形外环mPaint = new Paint();mPaint.setColor(Color.parseColor("#e3682f"));mPaint.setStyle(Paint.Style.STROKE);mPaint.setStrokeCap(Paint.Cap.ROUND); // 设置转弯处为圆角// 当绘图样式为 STROKE 时，该方法用于指定线条连接处的拐角样式，能使绘制的图形更加平滑mPaint.setStrokeJoin(Paint.Join.ROUND);mPaint.setStrokeWidth(50F);//  mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST));mPaint.setAntiAlias(true);//绘制刻度圆，然后进行裁剪，按照外环的大小roundPaint=new Paint();roundPaint.setStyle(Paint.Style.FILL);roundPaint.setAntiAlias(true);roundPaint.setStrokeWidth(8);//  roundPaint.setXfermode(porterDuffXfermode);//绘制黑色背景，bgPaintbgPaint=new Paint();bgPaint.setColor(Color.YELLOW);bgPaint.setStyle(Paint.Style.FILL);bgPaint.setAntiAlias(true);//    bgPaint.setXfermode(porterDuffXfermode);}@Overrideprotected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {super.onMeasure(widthMeasureSpec, heightMeasureSpec);width = getSize(widthMeasureSpec);height = getSize(heightMeasureSpec);if (width < height) {height = width;} else {width = height;}setMeasuredDimension(width, height);}private int getSize(int measureSpec) {int mySize = 100;int mode = MeasureSpec.getMode(measureSpec);int size = MeasureSpec.getSize(measureSpec);switch (mode) {case MeasureSpec.UNSPECIFIED: {//如果没有指定大小:就设置为默认大小mySize = 100;break;}case MeasureSpec.AT_MOST: //如果测里模式是最大取值为size,我们将大小取最大值,你也可以取其他值case MeasureSpec.EXACTLY: {//如果是固定的大小,那就不要去改变它mySize = size;break;}}return mySize;}@Overrideprotected void onSizeChanged(int w, int h, int oldw, int oldh) {super.onSizeChanged(w, h, oldw, oldh);float mW = getMeasuredWidth();float mH = getMeasuredHeight();if (mW < mH) {mH = mW;} else {mW = mH;}//----mCx-230.0---mCy-230.0---mR-172.5mCx = mW / 2;mCy = mH / 2;//mCx和mCy中的较小者mR = Math.min(mCx, mCy) / 4 * 3;mR1 = mW/7*3;mR2=mR1-5;}@Overrideprotected void onDraw(Canvas canvas) {super.onDraw(canvas);canvas.rotate(23, mCx, mCy);
//        canvas.rotate(-45, mCx, mCy);canvas.drawColor(bgColor);mPaint.setColor(Color.parseColor("#e3682f"));float d1 = (float) (2 * mR1 * Math.sin(Math.toRadians(DEGREES_UNIT / 2)));float c1 = mCy - mR1;float y1 = (d1 * d1 + mCy * mCy - c1 * c1 - mR1 * mR1) / (2 * (mCy - c1));float x1 = (float) (mCx + Math.sqrt(-1 * c1 * c1 + 2 * c1 * y1 + d1 * d1 - y1 * y1));for (int i = 0; i < 8; i++) {canvas.save();canvas.rotate(DEGREES_UNIT * i, mCx, mCy);canvas.drawLine(mCx, c1, x1, y1, mPaint);canvas.restore();}mPaint.setColor(bgColor);float d2 = (float) (2 * mR2 * Math.sin(Math.toRadians(DEGREES_UNIT / 2)));float c2 = mCy - mR2;float y2 = (d2 * d2 + mCy * mCy - c2 * c2 - mR2 * mR2) / (2 * (mCy - c2));float x2 = (float) (mCx + Math.sqrt(-1 * c2 * c2 + 2 * c2 * y2 + d2 * d2 - y2 * y2));for (int i = 0; i < 8; i++) {canvas.save();canvas.rotate(DEGREES_UNIT * i, mCx, mCy);// canvas.drawLine(mCx, mCy, mCx, c, mPaint);//中间的连接线canvas.drawLine(mCx, c2, x2, y2, mPaint);canvas.restore();}//离屏绘制int layer1 = canvas.saveLayer(0, 0, width, height, mPaint);int layer2 = canvas.saveLayer(0, 0, width, height, bgPaint);int layer3 = canvas.saveLayer(0, 0, width, height, roundPaint);mPaint.setColor(Color.parseColor("#e59f3a"));float d = (float) (2 * mR * Math.sin(Math.toRadians(DEGREES_UNIT / 2)));float c = mCy - mR;float y = (d * d + mCy * mCy - c * c - mR * mR) / (2 * (mCy - c));float x = (float) (mCx + Math.sqrt(-1 * c * c + 2 * c * y + d * d - y * y));for (int i = 0; i < 8; i++) {canvas.save();canvas.rotate(DEGREES_UNIT * i, mCx, mCy);canvas.drawLine(mCx, c, x, y, mPaint);canvas.restore();}if (gradient==null){gradient =new RadialGradient(mCx,mCy, mCx/5,colors,null, Shader.TileMode.MIRROR);}bgPaint.setShader(gradient);/*** left–矩形左侧的X坐标* top–矩形顶部的Y坐标* right–矩形右侧的X坐标* bottom–矩形底部的Y坐标*/if (rectF==null){rectF = new RectF(0, 0, width, height);}bgPaint.setXfermode(mode);canvas.drawArc(rectF, 67, indexCircle, true, bgPaint);//底部圆//最后将画笔去除XfermodebgPaint.setXfermode(null);//绘制刻度线canvas.translate(width / 2, height / 2);roundPaint.setXfermode(mode);roundPaint.setColor(bgColor);//90度12根，360度48根 270度36  //90度8根，360度30根int index=indexCircle*46/360;for (int i = 0; i < index; i++) {//共48等分，根据绘制的角度更改canvas.save();//画布保存int degress=i * 8+67;if (degress>360){degress=degress-360;}canvas.rotate(degress);//绘制图标的旋转360 + i * 36
//            int alpha = (int) ((i / 60f * 255 + circleAlpha) % 255);
//            mPaint.setAlpha(alpha);//设置画笔的透明度[0-255]，0是完全透明，255是完全不透明canvas.translate(width/2-mCircleWidth, 0);//绘图坐标的平移。canvas.drawLine(0, 0, mCircleWidth, 0, roundPaint);//绘制线.drawLine,drawLines绘制多条线canvas.restore();//合并保存后的图层}//最后将画笔去除XfermoderoundPaint.setXfermode(null);//恢复图层canvas.restoreToCount(layer1);canvas.restoreToCount(layer2);canvas.restoreToCount(layer3);}private  RadialGradient gradient;private  RectF rectF;private PorterDuffXfermode mode=new PorterDuffXfermode(PorterDuff.Mode.SRC_ATOP);private int mCircleWidth = 120;//圆弧的长度private int indexCircle=0;private int bgColor=Color.BLACK;public void setBgColor(int BgColor){bgColor=BgColor;}public void setAngle(int mStepNum) {mStepNum=360-mStepNum;if (mStepNum > 360) {mStepNum = 360;}if (mStepNum < 0) {mStepNum = 0;}this.indexCircle = mStepNum;invalidate();}
}

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

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

相关文章

使用Sqoop的并行处理：扩展数据传输

使用Sqoop的并行处理：扩展数据传输

使用Sqoop的并行处理是在大数据环境中高效传输数据的关键。它可以显著减少数据传输的时间&#xff0c;并充分利用集群资源。本文将深入探讨Sqoop的并行处理能力&#xff0c;提供详细的示例代码&#xff0c;以帮助大家更全面地了解和应用这一技术。 Sqoop的并行处理 在开始介绍…
阅读更多...
Java网络编程：概述--快速入门

Java网络编程：概述--快速入门

I. 介绍 1.1 什么是网络编程 - 网络编程是指通过计算机网络实现程序之间的通信。在Java中&#xff0c;网络编程通常涉及到数据的传输、通信协议的使用以及与网络相关的各种操作。 1.2. 为什么学习Java网络编程 - Java网络编程是Java开发者重要的技能之一&#xff0c;因为它允许…
阅读更多...
mybatis----小细节

mybatis----小细节

1、起别名 在MyBatis中&#xff0c;<typeAliases>元素用于定义类型别名&#xff0c;它可以将Java类名映射为一个更简短的别名&#xff0c;这样在映射文件中可以直接使用别名而不需要完整的类名。 下面是一个示例&#xff1a; 在mybatis核心配置文件中配置typeAliases标…
阅读更多...
SSH隧道技术

SSH隧道技术

SSH隧道 简介 SSH隧道是一种通过SSH协议在两个网络节点之间建立安全通信的技术。它可以用于多种用途&#xff0c;包括加密和保护敏感数据传输、绕过防火墙限制、远程访问内部服务等。 应用&#xff1a; 端口转发&#xff1a;SSH隧道可以将本地端口转发到远程主机上&#xf…
阅读更多...
合并K个升序链表（LeetCode 23）

合并K个升序链表（LeetCode 23）

文章目录 1.问题描述2.难度等级3.热门指数4.解题思路方法一&#xff1a;顺序合并方法二&#xff1a;分治合并方法三&#xff1a;使用优先队列合并 参考文献 1.问题描述 给你一个链表数组&#xff0c;每个链表都已经按升序排列。 请你将所有链表合并到一个升序链表中&#xff…
阅读更多...
Python——基本语法（二）

Python——基本语法（二）

一、while 循环 语法&#xff1a; while 条件表达式:条件表达示为真&#xff0c;就执⾏这⾥的代码&#xff0c;必须缩进 4 个空格多⾏代码保持缩进⼀致 条件表达式可以是: True # 布尔值的 True 1 < 10 # 凡是在 if 语句中使⽤的判断表达示&#xff0c;这⾥都可以使…
阅读更多...
【Java实战项目】基于ssm的流浪动物领养系统网站

【Java实战项目】基于ssm的流浪动物领养系统网站

&#x1f64a;作者简介&#xff1a;多年一线开发工作经验&#xff0c;分享技术代码帮助学生学习&#xff0c;独立完成自己的项目或者毕业设计。 代码可以私聊博主获取。&#x1f339;赠送计算机毕业设计600个选题excel文件&#xff0c;帮助大学选题。赠送开题报告模板&#xff…
阅读更多...
【音视频原理】图像相关概念 ② ( 帧率 | 常见帧率标准 | 码率 | 码率单位 )

【音视频原理】图像相关概念 ② ( 帧率 | 常见帧率标准 | 码率 | 码率单位 )

文章目录 一、帧率1、帧率简介2、常见帧率标准3、帧率 刷新率 二、码率1、码率简介2、码率单位 一、帧率 1、帧率简介 帧率 Frame Rate , 帧 指的是 是 画面帧 , 帧率 是 画面帧 的 速率 ; 帧率 的 单位是 FPS , Frames Per Second , 是 每秒钟 的 画面帧 个数 ; 帧率 是 动画…
阅读更多...
漫漫数学之旅006

漫漫数学之旅006

文章目录 经典格言数学习题古今评注名人小传 - 格洛里亚斯泰纳姆经典格言 数学上有才华的人没有在历史或英语上有才华的人那么多。——格洛里亚斯泰纳姆（Gloria Steinem） 数学习题 求阴影部分的面积。 古今评注 查尔斯巴贝奇，这位19世纪的英国数学家、发明家和机械工程…
阅读更多...
相机内外参标定综合

相机内外参标定综合

相机内外参标定 内外参标定常用的工具相机成像原理内外参标定数学原理1&#xff09;求解内参矩阵与外参矩阵的积2&#xff09;求解内参矩阵3&#xff09;求解外参矩阵 内外参标定常用的工具 如图所示&#xff0c;棋盘格是很常见使用的标定工具 左下角写着棋盘格的参数&#xf…
阅读更多...
Qt绘画的使用

Qt绘画的使用

1. 绘图 绘图组件&#xff1a; 1、绘画对象 2、绘画位置 3、绘画工具 4、绘画时机 绘画时机&#xff1a; 当整个窗口或窗口的一部分需要重新绘制时&#xff0c;会调用绘制事件处理函数 void QWidget::paintEvent(QPaintEvent *event) 绘画对象&#xff1a; QPainter类&#xff…
阅读更多...
群晖Drive搭建云同步服务器结合内网穿透实现Obsidian笔记文件远程多端同步

群晖Drive搭建云同步服务器结合内网穿透实现Obsidian笔记文件远程多端同步

文章目录 一、简介软件特色演示&#xff1a; 二、使用免费群晖虚拟机搭建群晖Synology Drive服务&#xff0c;实现局域网同步1 安装并设置Synology Drive套件2 局域网内同步文件测试 三、内网穿透群晖Synology Drive&#xff0c;实现异地多端同步Windows 安装 Cpolar步骤&#…
阅读更多...
使用内网穿透解决电信无公网IP难题，神卓互联

使用内网穿透解决电信无公网IP难题，神卓互联

事情经过 事情是这样的&#xff0c;由于客户的单位通了电信宽带&#xff0c;然后采购了我们的ERP系统安装在单位的服务器上&#xff0c;在单位的时候可以通过输入服务器的局域网Ip地址访问&#xff0c;也就是192.168.2.1xx这样的地址&#xff0c;访问确实没有问题&#xff0c;…
阅读更多...
【漏洞复现】Sentinel Dashboard默认弱口令漏洞

【漏洞复现】Sentinel Dashboard默认弱口令漏洞

Nx01 产品简介 Sentinel Dashboard是一个轻量级的开源控制台&#xff0c;提供机器发现以及健康情况管理、监控、规则管理和推送的功能。它还提供了详细的被保护资源的实际访问统计情况&#xff0c;以及为不同服务配置的限流规则。 Nx02 漏洞描述 Sentinel Dashboard存在默认弱…
阅读更多...
墙地砖外形检测的技术方案-外部轮廓检测算法

墙地砖外形检测的技术方案-外部轮廓检测算法

Ramer算法 利用Canny算子得到墙地砖轮廓后&#xff0c;必须进一步将轮廓线精确分段成墙地砖的四条边&#xff0c;从而可得到墙地砖轮廓尺寸、边直度和直角度指标。采用如下算法实现&#xff1a; 第1&#xff0c;选择较高阈值&#xff0c;利用ramer算法将轮廓线用多边形&#…
阅读更多...
软件测试|Python 用户输入和字符串格式化

软件测试|Python 用户输入和字符串格式化

简介 在 Python 中&#xff0c;用户输入和字符串格式化是编程中常见的任务之一。用户输入使我们能够与用户交互&#xff0c;而字符串格式化帮助我们创建美观的输出。本文将介绍如何在 Python 中执行这些任务&#xff0c;并提供详细示例。 用户输入 在 Python 中&#xff0c;…
阅读更多...
[论文阅读]DeepFusion

[论文阅读]DeepFusion

DeepFusion Lidar-Camera Deep Fusion for Multi-Modal 3D Object Detection 用于多模态 3D 物体检测的激光雷达相机深度融合 论文网址&#xff1a;DeepFusion 论文代码&#xff1a;DeepFusion 摘要 激光雷达和摄像头是关键传感器&#xff0c;可为自动驾驶中的 3D 检测提供补…
阅读更多...
多输入多输出 | Matlab实现PSO-CNN粒子群优化卷积神经网络多输入多输出预测

多输入多输出 | Matlab实现PSO-CNN粒子群优化卷积神经网络多输入多输出预测

多输入多输出 | Matlab实现PSO-CNN粒子群优化卷积神经网络多输入多输出预测 目录 多输入多输出 | Matlab实现PSO-CNN粒子群优化卷积神经网络多输入多输出预测预测效果基本介绍模型背景程序设计参考资料 预测效果 基本介绍 Matlab实现PSO-CNN粒子群优化卷积神经网络多输入多输出…
阅读更多...
ONLYOFFICE：开源、免费、安全，打造定制化办公平台的最佳选择

ONLYOFFICE：开源、免费、安全，打造定制化办公平台的最佳选择

文章目录 写在前面ONLYOFFICE是什么&#xff1f;ONLYOFFICE的惊艳之处齐全的插件&#xff0c;助你锦上添花部署一款自己的安全可靠的办公平台写在最后 写在前面 说起 Office 办公软件&#xff0c;我想大家最常用的应该就是微软的 Microsoft Office 以及国产的 WPS Office。两款…
阅读更多...
349. 两个数组的交集（力扣）（OJ题）

349. 两个数组的交集（力扣）（OJ题）

题目链接&#xff1a;349. 两个数组的交集 - 力扣&#xff08;LeetCode&#xff09; 个人博客主页&#xff1a;https://blog.csdn.net/2301_79293429?typeblog 专栏&#xff1a;https://blog.csdn.net/2301_79293429/category_12545690.html 给定两个数组 nums1 和 nums2 &a…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023