Android自定义圆形进度表

最新推荐文章于 2023-09-08 17:15:43 发布
最新推荐文章于 2023-09-08 17:15:43 发布
阅读量340 收藏 1
点赞数 1
CC 4.0 BY-SA版权
分类专栏： Android 文章标签： android java 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_24458843/article/details/128978271

很早之前项目中需要展示进度管理做的，今天总结一下。为后面更复杂的自定义view打下基础。

功能很简单，但是里面涉及了两个自定义控件很重要的两个方法 onMeasure 和 onDraw，用来确定控件的大小和内容

话不多说先看效果

自定义view 大体分为三类：

  1. 直接继承View

  1. 继承ViewGroup

  1. 继承原有控件

根据项目需求选择最优的实现方式。

因为当前的view是一个圆形进度图所以它的宽高是固定并且相等的，重写onMeasure设置当前view的大小

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, hei
最低0.47元/天 解锁文章
Android自定义图表库（一）：圆形进度图
Ade-rui的博客
11-13 1957
导航效果预览自定义View第一步：确认View的大小自定义View第二步：绘制内容总结 效果预览 自定义View第一步：确认View的大小 无论是自定义一个View还是ViewGroup我们必须得先为其制定在不同MeasureSpecMode下的大小，我这里就不讲解什么绘制源码了什么的，我们就直接实战。 我们在onMeasure中需要调用setMeasuredDimension(width,he...
超简单的Android圆形进度条
热门推荐
李小伟其实很菜
02-23 1万+
效果图： 代码优化/简化、教科书级别注释、复制粘贴即可用 代码： package com.zistone.factorytest0718.view; import android.content.Context; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint; import android.graphics.Rect; import android.gra
【Android】自定义圆形进度条效果（有进度标识点）
12-31
总共分为三层：一层为圆形边线，一层为进度边线，一层用来显示标识进度节点。 public class CircleProgressBar extends View { private int maxProgress = 100; private int progress = 15; private int progressStrokeWidth = 2; private int marxArcStorkeWidth = 16; // 画圆所在的距形区域 RectF oval; Paint paint; public CircleProgressBar(Context context, AttributeSet attrs) { super(context, attrs); // TODO Auto-generated constructor stub oval = new RectF(); paint = new Paint(); } @Override protected void onDraw(Canvas canvas) { // TODO 自动生成的方法存根 super.onDraw(canvas); int width = this.getWidth(); int height = this.getHeight(); width = (width > height) ? height : width; height = (width > height) ? height : width; paint.setAntiAlias(true); // 设置画笔为抗锯齿 paint.setColor(Color.WHITE); // 设置画笔颜色 canvas.drawColor(Color.TRANSPARENT); // 白色背景 paint.setStrokeWidth(progressStrokeWidth); // 线宽 paint.setStyle(Style.STROKE); oval.left = marxArcStorkeWidth / 2; // 左上角x oval.top = marxArcStorkeWidth / 2; // 左上角y oval.right = width - marxArcStorkeWidth / 2; // 左下角x oval.bottom = height - marxArcStorkeWidth / 2; // 右下角y canvas.drawArc(oval, -90, 360, false, paint); // 绘制白色圆圈，即进度条背景 paint.setColor(Color.rgb(0x57, 0x87, 0xb6)); paint.setStrokeWidth(marxArcStorkeWidth); canvas.drawArc(oval, -90, ((float) progress / maxProgress) * 360, false, paint); // 绘制进度圆弧，这里是蓝色 paint.setStrokeWidth(1); String text = progress + "%"; int textHeight = height / 4; paint.setTextSize(textHeight); int textWidth = (int) paint.measureText(text, 0, text.length()); paint.setStyle(Style.FILL); canvas.drawText(text, width / 2 - textWidth / 2, height / 2 + textHeight / 2, paint); } public int getMaxProgress() { return maxProgress; } public void setMaxProgress(int maxProgress) { this.maxProgress = maxProgress; } /** * 设置进度 * * @param progress * 进度百分比 * @param view * 标识进度的节点视图 */ public void setProgress(int progress, View view) { this.progress = progress; view.setAnimation(pointRotationAnima(0, (int) (((float) 360 / maxProgress) * progress))); this.invalidate(); } /** * 非ＵＩ线程调用 */ public void setProgressNotInUiThread(int progress, View view) { this.progress = progress; view.setAnimation(pointRotationAnima(0, (int) (((float) 360 / maxProgress) * progress))); this.postInvalidate(); } /** * 进度标注点的动画 * * @param fromDegrees * @param toDegrees * @return */ private Animation pointRotationAnima(float fromDegrees, float toDegrees) { int initDegress = 306;// 进度点起始位置(图片偏移约54度) RotateAnimation animation = new RotateAnimation(fromDegrees, initDegress + toDegrees, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f); animation.setDuration(1);// 设置动画执行时间 animation.setRepeatCount(1);// 设置重复执行次数 animation.setFillAfter(true);// 设置动画结束后是否停留在结束位置 return animation; } }
Android 圆弧形进度条 自定义View
weixin_30892889的博客
08-04 190
前段时间一个项目需要做类似360扫描 圆弧形进度条 闲言碎语不要将--> 1.首先重写View 在XML layout中应用，我们需要在Value 文件夹下新建attrs.xml 在attrs.xml 里定义我们所需要的属性，然后就可以像Android自带的各种控件一 样在布局文件中一一引用。 attrs.xml <?xml version="1.0" encoding...
android 圆形自定义进度条,Android自定义漂亮的圆形进度条
weixin_42469315的博客
05-25 372
这几天对Android中实现画圆弧及圆弧效果中所实现的效果进行了修改，改为进度圆心进度条，效果如图所示TasksCompletedView.java 代码如下import android.content.Context;import android.content.res.TypedArray;import android.graphics.Canvas;import android.graphi...
Android-自定义水平刻度尺和圆形钟表刻度
08-13
在Android开发中，有时我们需要创建独特且具有交互性的UI组件，比如自定义的水平刻度尺和圆形钟表刻度。这些控件可以用于时间显示、进度指示或者数据选择等场景，提供用户友好的交互体验。本文将详细介绍如何在...
Android 自定义View实现圆形加载进度条
Android_Gt
03-06 3419
Android 自定义view圆形加载进度条
Android轻型自定义圆形速度表库速览
总结，以上内容覆盖了关于“速度表：适用于Android的轻型圆形指示器视图库”的多个重要知识点，包括开发环境、自定义视图、编程语言、圆形指示器视图的应用、库的概念、项目命名规范及使用方法。掌握这些知识点将有...
自定义圆形进度控件：渐变加载效果展示
2. **圆形进度条的设计要素**：自定义圆形进度控件时，需要考虑以下几个设计要素： - **尺寸和形状**：需要确定圆形进度条的直径大小、边缘是否为圆角以及是否需要动画效果等。 - **颜色和渐变**：颜色可以用来...
android 圆形自定义进度条,自定义Android圆形进度条(附源码)
weixin_36389909的博客
05-25 1166
本文实例讲述了Android自定义圆形进度条，分享给大家供大家参考。具体如下：运行效果截图如下：具体代码如下：自定义的View:import com.example.circlepregress.R;import android.content.Context;import android.content.res.TypedArray;import android.graphics.Canvas;...
Android高手进阶之自定义View，自定义属性（带进度的圆形进度条）源码
08-25
自定义android进度条，带有进度指示，项目详情：http://blog.csdn.net/xiaanming/article/details/10298163
Android 自定义View之圆形进度条
weixin_44021334的博客
09-08 5959
需求是不停的，会有这些需求：可指定画笔（宽度、颜色等）、可指定动画时长等。这些可以通过创建 Java 接口来设置，但我要学自定义View，就要用attr。未完待续~~Android Canvas的drawText()和文字居中方案。
Android 自定义圆形进度条
肖旺银的博客
05-26 619
今天小编来手写一个自定义圆形进度条：先看效果： 首先我们在attrs属性文件中增加几个自定义属性<?xml version="1.0" encoding="utf-8"?> <resources> <declare-styleable name="CustomProgressBar"> <!-- 圆形进度条进度显示的颜色 --> <attr name="rou
Android自定义圆形进度条
Demi的博客
11-15 1187
前言：看到别人写的那些个酷炫的动画，心里痒痒的，于是，自己就开始了自定义View的探索之路。正好公司有这样一个需求。
Android 自定义View圆形进度条
Android_Mr_Zhao的博客
06-20 1255
1.创建自定义属性文件：在values下面创建attrs.xml属性文件： <?xml version="1.0" encoding="utf-8"?> <resources> <declare-styleable name="XCRoundProgressBar"> <attr name="roundColor" format="color"/...
android 自定义圆形进度条样式,Android三种方式实现ProgressBar自定义圆形进度条
weixin_33600816的博客
05-26 1814
进度条样式在项目中经常可以见到，下面小编给大家分享Android三种方式实现ProgressBar自定义圆形进度条。Android进度条有4种风格可以使用。默认值是progressBarStyle。设置成progressBarStyleSmall后，图标变小。设置成progressBarStyleLarge后，图标变大设置成progressBarStyleHorizontal后，变成横向长方形。自...
Android 圆圈进度
RelinRan
08-10 3270
圆圈进度条、中间进度文字（可设置是否显示）1.圆帽 strokeCapRound=“true” 2.非圆帽子 strokeCapRound=“false” 1.build.grade | setting.grade 2./app/build.grade
Android-自定义View之圆形进度条总结
I_wait_for_you的专栏
03-03 767
最近撸了一个圆形进度条的开源项目，算是第一次完完整整的使用自定义 View 。在此对项目开发思路做个小结，欢迎大家 Star 和 Fork。该项目总共实现了三种圆形进度条效果:圆形进度条、带刻度的圆形进度条已经水波纹进度条
自定义圆形仪表视图监控Android进度
MeterView作为Android自定义视图的一个实践，不仅为进度监控提供了一种新的视觉表现形式，也展示了自定义视图在Android开发中的应用价值。通过结合XML属性的灵活配置，以及深入理解Java和Android SDK的相关知识，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值