Android 炫酷的自定义进度条ProgressBar集锦，优雅呈现

最新推荐文章于 2024-03-26 09:50:29 发布
最新推荐文章于 2024-03-26 09:50:29 发布
阅读量9k 收藏 39
点赞数 6
分类专栏： 自定义
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shenggaofei/article/details/101721895
版权

     炫酷的自定义进度条ProgressBar，带有动画效果，效果还不错，适用于项目中的一些需求，一起来看看（整理所有代码均为转载）：

1.滚动的双色斜条作为进度条，有点类似Bootstrap风格。Android 自定义进度条ColorfulProgressBar。

源码：

https://github.com/Ccapton/Android-ColorfulProgressBar

2.自定义形形色色的进度条

 源码：

https://github.com/hongyangAndroid/Android-ProgressBarWidthNumber

3.各种自定义进度条Progressbar

 源码：

SeekBarWithIntervals: https://github.com/RameshBhupathi/SeekBarWithIntervals

Android-ProgressViews: https://github.com/zekapp/Android-ProgressViews

SlidingSquareLoaderView: https://github.com/steelkiwi/SlidingSquareLoaderView

FuckingVolumeSlider: https://github.com/shellljx/FuckingVolumeSlider

FunnyLoader: https://github.com/team-supercharge/FunnyLoader

SectorProgressView: https://github.com/timqi/SectorProgressView

BoxLoaderView: https://github.com/nipun-birla/BoxLoaderView

ProgressManager: https://github.com/JessYanCoding/ProgressManager

DotsLoaderView: https://github.com/steelkiwi/DotsLoaderView

Simple dots loader view http://steelkiwi.com/

snackprogressbar: https://github.com/tingyik90/snackprogressbar

terminal-seekbar: https://github.com/alshell7/terminal-seekbar

HueSeekBar: https://github.com/iammert/HueSeekBar

ProgressView: https://github.com/WhiteDG/ProgressView

OverwatchProgress: https://github.com/zjywill/OverwatchProgress

AnimatedLoadingIndicator: https://github.com/yash786agg/AnimatedLoadingIndicator

circularView: https://github.com/rjsvieira/circularView

tinglingsquares: https://github.com/ishan1604/tinglingsquares

CoolProgressViews: https://github.com/amanjeetsingh150/CoolProgressViews

android-slidr: https://github.com/florent37/android-slidr

SegmentedStepperSeekbar: https://github.com/harshalbenake/SegmentedStepperSeekbar

ProtractorView: https://github.com/GoodieBag/ProtractorView

plain-pie: https://github.com/zurche/plain-pie

geometric-progress-view: https://github.com/vbohush/geometric-progress-view

pageloader: https://github.com/arieridwan8/pageloader

GADownloading: https://github.com/Ajian-studio/GADownloading

WaveLoading: https://github.com/race604/WaveLoading

ImageLoadingView: https://github.com/yingLanNull/ImageLoadingView

segmentedview: https://github.com/czy1121/segmentedview

CircularProgressBar: https://github.com/Shah-Sahab/CircularProgressBar

CircleAlarmTimerView: https://github.com/yingLanNull/CircleAlarmTimerView

Audiogram: https://github.com/alxrm/Audiogram

CountDownProgressView: https://github.com/kishorsinghgour/CountDownProgressView

SwipeCoordinator: https://github.com/VictorAlbertos/SwipeCoordinator

baso: https://github.com/gitsindonesia/baso

AwesomeProgressbar: https://github.com/alex5241/AwesomeProgressbar

BreadcrumbsView: https://github.com/VictorAlbertos/BreadcrumbsView

FreshDownloadView: https://github.com/dudu90/FreshDownloadView

ProgressRoundButton: https://github.com/cctanfujun/ProgressRoundButton

RingProgressBar: https://github.com/HotBitmapGG/RingProgressBar

CreditSesameRingView: https://github.com/HotBitmapGG/CreditSesameRingView

MaterialProgressBar: https://github.com/chaossss/MaterialProgressBar

ChompProgressView: https://github.com/andyb129/ChompProgressView

loaderviewlibrary: https://github.com/elye/loaderviewlibrary

RingProgress: https://github.com/ldoublem/RingProgress

SmileyLoadingView: https://github.com/andyxialm/SmileyLoadingView

SpecialProgressBar: https://github.com/zhangke3016/SpecialProgressBar

BreathingProgressDemo: https://github.com/webianks/BreathingProgressDemo

SegmentedBarView: https://github.com/gspd-mobi/SegmentedBarView

SwagPoints: https://github.com/enginebai/SwagPoints

RangeBarVertical: https://github.com/ITheBK/RangeBarVertical

WaveProgressView: https://github.com/fanrunqi/WaveProgressView

PodSLider: https://github.com/bhargavms/PodSLider

crystal-range-seekbar: https://github.com/syedowaisali/crystal-range-seekbar

circular-music-progressbar: https://github.com/aliab/circular-music-progressbar

CircularProgressView: https://github.com/rahatarmanahmed/CircularProgressView

LoadingView: https://github.com/ldoublem/LoadingView

AndroidFillableLoaders: https://github.com/JorgeCastilloPrz/AndroidFillableLoaders

HoldToLoadLayout: https://github.com/melihaksoy/HoldToLoadLayout

BezierLoadingView: https://github.com/JeasonWong/BezierLoadingView

BubbleSeekBar: https://github.com/woxingxiao/BubbleSeekBar

SeekArc: https://github.com/Triggertrap/SeekArc

material-range-bar: https://github.com/oli107/material-range-bar

SpeedView: https://github.com/anastr/SpeedView

PanelView: https://github.com/githubwing/PanelView

sc-widgets: https://github.com/Paroca72/sc-widgets

CircleProgressBar: https://github.com/dinuscxj/CircleProgressBar

stackedhorizontalprogressbar: https://github.com/nisrulz/stackedhorizontalprogressbar

uberprogressview: https://github.com/ishan1604/uberprogressview

BeerProgressView: https://github.com/andyb129/BeerProgressView

SnailBar: https://github.com/android-cjj/SnailBar

ElasticDownload: https://github.com/Tibolte/ElasticDownload

LoadingDrawable: https://github.com/dinuscxj/LoadingDrawable

materialish-progress: https://github.com/pnikosis/materialish-progress

ArcProgressStackView: https://github.com/GIGAMOLE/ArcProgressStackView

FABProgressCircle: https://github.com/JorgeCastilloPrz/FABProgressCircle

Loading: https://github.com/yankai-victor/Loading

AnimatedCircleLoadingView: https://github.com/jlmd/AnimatedCircleLoadingView

WaveLoadingView: https://github.com/tangqi92/WaveLoadingView

AnimateHorizontalProgressBar: https://github.com/MasayukiSuda/AnimateHorizontalProgressBar

MaterialProgressBar: https://github.com/DreaminginCodeZH/MaterialProgressBar

Android-RoundCornerProgressBar: https://github.com/akexorcist/Android-RoundCornerProgressBar

GoogleProgressBar: https://github.com/jpardogo/GoogleProgressBar

SmoothProgressBar: https://github.com/castorflex/SmoothProgressBar

NumberProgressBar: https://github.com/daimajia/NumberProgressBar

CircleProgress: https://github.com/lzyzsd/CircleProgress

android-square-progressbar: https://github.com/mrwonderman/android-square-progressbar

MaterialLoadingProgressBar: https://github.com/lsjwzh/MaterialLoadingProgressBar

dashed-circular-progress: https://github.com/glomadrian/dashed-circular-progress

DownloadProgressBar: https://github.com/panwrona/DownloadProgressBar

CircleProgress: https://github.com/Fichardu/CircleProgress

WhorlView: https://github.com/Kyson/WhorlView

SuperLoadingProgress: https://github.com/835127729/SuperLoadingProgress

一款优美的加载器，根据进度设置加载效果 http://blog.csdn.net/crazy__chen/article/details/50270281

ColorArcProgressBar: https://github.com/Shinelw/ColorArcProgressBar

https://github.com/AnderWeb/discreteSeekBar

气泡进度条2  https://github.com/AnderWeb/discreteSeekBar

气泡1进度条  https://github.com/woxingxiao/BubbleSeekBar

加载指示器 https://github.com/81813780/AVLoadingIndicatorView

https://github.com/PangHaHa12138/Loading

https://github.com/Hellobird/CircleSeekBar-For-Android

Arc ProgressBar Configurable 环形进度条  https://github.com/zenoTsai/ArcProgressBar

https://github.com/Jay-Goo/RangeSeekBar  炫酷的自定义进度条

 

 

 

 

 

相关链接：

https://blog.csdn.net/ccapton/article/details/77103500

https://blog.csdn.net/ccapton/article/details/76862152

 

 

冰糖葫芦三剑客
关注
  • 6
    点赞
  • 踩
  • 39
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
android 自定义 View（4）- 进度条(ProgressBar)
u012005313的专栏
07-25 8323
参考：Android 打造形形色色的进度条 实现可以如此简单 daimajia/NumberProgressBar自定义视图（View）是 Android 开发的一个进阶内容。随着开发的深入，肯定会出现系统提供的基础控件不符合需求的情况。一方面通过组合基础控件以形成新的布局，另一方面可以通过自定义控件的方式来更加灵活的实现需求自定义视图涉及到 Android 系统许多方面的内容，下面根据自己的理解
圆形进度条控件——CircleProgressBar的深度解析与应用
最新发布
gitblog_00046的博客
05-22 435
圆形进度条控件——CircleProgressBar的深度解析与应用 项目地址:https://gitcode.com/Eclair/CircleProgressBar 1、项目介绍 CircleProgressBar是一款适用于iOS 7.0+和tvOS 9.0+系统的圆形进度条控制库。它提供了简单易用的API，使得开发者能够轻松地在应用中添加动态展示进度的圆形进度条，同时支持界面构建器的实时预...
android 动态进度条,Android实用view系列------炫酷的进度条
weixin_35895056的博客
05-25 590
不知不觉距离上次写文章已经过去大半个月了，原本计划每周写一篇的想法在坚持几周之后最终还是被生活中各种各样的琐事打乱，无奈中夹杂这对自己的一点失望。心痛.jpg当初的愿望实现了吗事到如今只好祭奠吗任岁月风干理想再也找不回真的我抬头仰望着满天星河那时候陪伴我的那颗这里的故事你是否还记得今天给大家带来的是自定义view系列之炫酷的进度条的效果，让你的进度条从此与众不同。按照惯例先上效果图，俗话说无图无有...
多式样ProgressBar
iteye_15118的博客
01-22 551
多式样ProgressBar普通圆形ProgressBar该类型进度条也就是一个表示运转的过程，例如发送短信，连接网络等等，表示一个过程正在执行中。一般只要在XML布局中定义就可以了。 <progressBar android:id="@+id/widget43"       android:layout_width="wrap_content"       andr...
CircleProgressBar 一个界面漂亮功能强大的圆形进度条，支持多种属性
未来很长，但我会努力的走下去。
11-08 6266
CircleProgressBar 一个界面漂亮功能强大的圆形进度条，支持多种属性
圆形进度条库CircleProgressBar：为你的应用添加优雅的视觉反馈
gitblog_00078的博客
03-26 883
圆形进度条库CircleProgressBar：为你的应用添加优雅的视觉反馈 项目地址:https://gitcode.com/dinuscxj/CircleProgressBar 在软件开发中，尤其是移动应用，用户体验是至关重要的因素之一。一个简洁、直观且具有视觉吸引力的界面可以大大提升用户的满意度。今天，我要向大家推荐一款强大的Android UI组件——CircleProgressBar，它...
Android自定义WaveProgressView实现水波纹加载需求
wuxiaopengnihao1的博客
07-28 262
这里的CurY是上次波浪中线的y轴坐标，CurMidY是当前的Y轴坐标，每次波浪上升的时候为了不产生卡顿效果，把这1/100的上升分为10次来绘制。distance是ｘ轴的偏移量，为了使水波动起来，每次绘制时都要向左进行一段偏移。你可以定义成你项目的logo图片，可以设置水波颜色、波长、波宽、字体大小、颜色、进度条的最大值，当前进度值，还可以设置波纹震动的快慢。每次绘制以波形的左边点、波形的右边点、view的左下角、view的右下角、形成一个图片把它绘制到内存中新建的和view同大小的canvas上。...
android 多结点进度条,android 开发-自定义多节点进度条显示
weixin_39997089的博客
05-31 352
packagecom.demo.demomutiprogress;importjava.util.ArrayList;importandroid.content.Context;importandroid.content.res.TypedArray;importandroid.graphics.Bitmap;importandroid.graphics.Bitmap.Config;importa...
C# Winform 自定义进度条ProgressBar
06-23
"C# Winform 自定义进度条ProgressBar"的主题正聚焦于这一需求，允许开发者根据自己的喜好或者项目需求改变默认进度条的外观，特别是其背景颜色。 进度条（ProgressBar）是Windows应用程序中常见的一种组件，用于...
Android自定义进度条 Progressbar
11-21
总之，这个自定义进度条实例展示了如何通过Android的图形API进行自定义控件绘制，同时提供了关于进度判断的思考。通过理解这个例子，开发者可以进一步扩展和优化自定义进度条的样式和功能，以适应各种应用场景。记住...
一款非常绚丽的进度条
10-29
Android 加载动画（关于SpinKit的使用） @style/SpinKitView @style/SpinKitView.Circle @style/SpinKitView.Large @style/SpinKitView.Small @style/SpinKitView.Small.DoubleBounce
java环形进度条（颜色可变）（circleprogressbar）
01-06
该资源为java circleprogressbar，即基于Java语言的环形进度条，可以根据自己的需求改变颜色，用途广泛。
自定义圆环ProgressBar，超级好看
09-10
自定义android进度条超级棒还带动画哦，带有进度指示，项目详情：还不知道，一下过来修改一直说明，发布出审核过了就知道了嗯、
Android中自定义进度条详解
01-05
Android原生控件只有横向进度条一种，而且没法变换样式，比如原生rom的样子 很丑是吧，当伟大的产品设计要求更换前背景，甚至纵向，甚至圆弧状的，咋办，比如： ok，我们开始吧： 一）变换前背景 先来看看...
Android 三种常用实现自定义圆形进度条 ProgressBar
12-20
本文将详细介绍如何实现三种常用的方法来创建自定义的圆形进度条（ProgressBar）。这些方法包括使用Shape Drawable、自定义View以及使用第三方库。 一、Shape Drawable实现圆形进度条 Shape Drawable是Android系统...
Android开发之进度条ProgressBar的示例代码
08-27
Android开发之进度条ProgressBar的示例代码 Android开发之进度条ProgressBar是 Android 应用程序中的一种常用的用户界面元素，用于显示某个过程的进度，例如数据加载过程、文件下载进度、音乐播放进度等。在 ...
android 自定义时间 样式,Android-自定义ProgressBar样式-Fun言
weixin_30533301的博客
05-25 140
android:pivotX=”50%” android:pivotY=”50%”android:fromDegrees=”0″android:toDegrees=”360″>android:thicknessRatio=”8″android:useLevel=”false”>android:startColor=”#000000″ android:centerColor=”#FFFF...
android进度条带图标,Android可定制的进度条，允许添加图像，图标，文本，拱门，圆圈。...
weixin_39919089的博客
05-30 855
Arched Image Progress Bar ArchedImageProgressBar is a customizable progress bar library for AndroidOS that allows to add image,icon,text,arches,circles and more style features.Getting StartedArched Im...
android 自定义圆形progressbar,Android-自定义ProgressBar实现圆弧进度条
05-24
实现圆弧进度条的自定义ProgressBar，可以使用Canvas和Paint来绘制。 首先，创建一个自定义的ProgressBar类，继承自ProgressBar类，并实现构造方法和onDraw方法： ``` public class CircleProgressBar extends ProgressBar { private Paint paint; // 画笔 private int roundColor; // 圆环颜色 private int progressColor; // 进度条颜色 private int textColor; // 文字颜色 private float textSize; // 文字大小 private float roundWidth; // 圆环宽度 private int max; // 最大进度 private boolean textIsDisplayable; // 是否显示进度文字 private int style; // 进度条样式 public static final int STROKE = 0; public static final int FILL = 1; public CircleProgressBar(Context context) { this(context, null); } public CircleProgressBar(Context context, AttributeSet attrs) { this(context, attrs, 0); } public CircleProgressBar(Context context, AttributeSet attrs, int defStyle) { super(context, attrs, defStyle); // 获取自定义属性的值 TypedArray mTypedArray = context.obtainStyledAttributes(attrs, R.styleable.CircleProgressBar); roundColor = mTypedArray.getColor(R.styleable.CircleProgressBar_roundColor, Color.RED); progressColor = mTypedArray.getColor(R.styleable.CircleProgressBar_progressColor, Color.GREEN); textColor = mTypedArray.getColor(R.styleable.CircleProgressBar_textColor, Color.GREEN); textSize = mTypedArray.getDimension(R.styleable.CircleProgressBar_textSize, 15); roundWidth = mTypedArray.getDimension(R.styleable.CircleProgressBar_roundWidth, 5); max = mTypedArray.getInteger(R.styleable.CircleProgressBar_max, 100); textIsDisplayable = mTypedArray.getBoolean(R.styleable.CircleProgressBar_textIsDisplayable, true); style = mTypedArray.getInt(R.styleable.CircleProgressBar_style, 0); mTypedArray.recycle(); // 初始化画笔 paint = new Paint(); } @Override protected synchronized void onDraw(Canvas canvas) { super.onDraw(canvas); // 获取圆心坐标和半径 int centerX = getWidth() / 2; int centerY = getHeight() / 2; int radius = (int) (centerX - roundWidth / 2); // 绘制圆环 paint.setColor(roundColor); paint.setStyle(Paint.Style.STROKE); paint.setStrokeWidth(roundWidth); paint.setAntiAlias(true); canvas.drawCircle(centerX, centerY, radius, paint); // 绘制进度条 paint.setStrokeWidth(roundWidth); paint.setColor(progressColor); RectF oval = new RectF(centerX - radius, centerY - radius, centerX + radius, centerY + radius); switch (style) { case STROKE: paint.setStyle(Paint.Style.STROKE); canvas.drawArc(oval, 0, 360 * getProgress() / getMax(), false, paint); break; case FILL: paint.setStyle(Paint.Style.FILL_AND_STROKE); if (getProgress() != 0) canvas.drawArc(oval, 0, 360 * getProgress() / getMax(), true, paint); break; } // 绘制文字 paint.setStrokeWidth(0); paint.setColor(textColor); paint.setTextSize(textSize); paint.setTypeface(Typeface.DEFAULT_BOLD); int percent = (int) (((float) getProgress() / (float) getMax()) * 100); if (textIsDisplayable && percent >= 0) { String text = percent + "%"; float textWidth = paint.measureText(text); canvas.drawText(text, centerX - textWidth / 2, centerY + textSize / 2, paint); } } } ``` 在这个类中，我们定义了几个自定义属性，包括圆环颜色、进度条颜色、文字颜色、文字大小、圆环宽度、最大进度、是否显示进度文字、进度条样式等。在构造方法中，我们获取了这些属性的值，并初始化了画笔。在onDraw方法中，我们首先获取了圆心坐标和半径，然后使用画笔绘制了圆环和进度条，最后绘制了进度文字。 接下来，在布局文件中使用这个自定义ProgressBar： ``` <com.example.circleprogressbar.CircleProgressBar android:id="@+id/circle_progressbar" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerInParent="true" app:roundColor="#cccccc" app:roundWidth="5dp" app:progressColor="#FF4081" app:textColor="#FF4081" app:textSize="20sp" app:textIsDisplayable="true" app:style="STROKE" /> ``` 最后，在Java代码中设置进度值即可： ``` CircleProgressBar circleProgressBar = findViewById(R.id.circle_progressbar); circleProgressBar.setProgress(50); // 设置进度为50% ``` 这样就完成了自定义的圆弧进度条的实现。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值