每周一个自定义View(1) -动态ProgressView

最新推荐文章于 2024-08-20 09:58:28 发布
最新推荐文章于 2024-08-20 09:58:28 发布
阅读量186 收藏
点赞数
文章标签： 动画 ui android kotlin android jetpack
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Maniu_666/article/details/129902244
版权
本文介绍了一个自定义的AnimatorProgressBar，它支持进度设置、颜色定义、元素宽度和间距调整，以及动画速度控制。设计上分为四层：背景、进度、线段动画和遮罩图层。详细讲解了各个图层的绘制方法和动画实现。
摘要由CSDN通过智能技术生成

这次就从一个常见的ProgressBark开始吧, 最近的项目中使用了一个Progress显示文件下载进度的功能, 设计给的是一个静态的图片, 也没有说需要具体实现的情况, 后面优化的时候刚好有了性质, 就有了下面的这个AnimatorProgressBar.

支持功能

  • 基本的的进度设置(当前默认为0-100)
  • 颜色定义, 使用的颜色都是可以设置的, 满足各样的ui需求
  • 元素定义, 作为展示的Progress中的线条可以设置宽度和间距
  • 动画控制, 动画效果可以设置展示速度, 总有一个组合适合你

设计过程

将相关的view分为了四层, 从下至上分别为

  • 背景图层 用于显示整个view的背景
  • 进度图层 相当于进度条的背景颜色
  • 线段动画图层 在这里绘制出现的线段, 并控制器动画的效果
  • 遮罩展示图层 这里使用了遮罩展示的方法, 控制遮罩图层的进度和样式来表现实际的展示效果

实现过程

首先是背景如果绘制的, 简单来说就是两个圆形和一个矩形, 具体的动画效果可以参考下面,

其它的图层基本上也都是比较类似的情况, 除此之外就是线条的实现

最低0.47元/天 解锁文章
别说我真不会Android
关注
SwiftUI 内功：“曳光弹“实现自定义样式进度条（ProgressView）
享受开发，颠倒银河
09-10 800
在本篇博文中，我们利用敏捷开发中“曳光弹”原则步步为营打造了一款漂亮的进度条样式；我们最终完美的实现了目标，更重要的是：我们学到了软件工程中重要的一课！
android自定义view三个,Android自定义View的三个构造函数
weixin_42470145的博客
05-26 695
Android自定义View的三个构造函数自定义View有三个构造方法，它们的作用是不同的。public MyView(Context context) {super(context);}public MyView(Context context, AttributeSet attrs) {super(context, attrs);}public MyView(Context context, ...
Android代码-ProgressView
08-07
ProgressView Custom view scrollbar Custom view to achieve the download progress display Fully customizable controls, font size, ring width, solid or hollow, ring width, ring color, progress font weight, font color, etc., can be customized Code specific situation 自定义view实现下载进度的展示 控件完全自定义,字体大小,圆环宽度,实心或者空心,圆环的宽度，圆环的颜色，进度字体的粗细,字体颜色等等都可以自定义 具体的情况看代码
android自定义view星空,自定义UIProgressView，实现圆角效果－转
weixin_27442001的博客
05-25 280
在开发过程中，进度条的使用量相当大，但至今，IOS的UIProgressView灵活性也不够。虽然IOS5.0以后，UIProgressView多了progressImage和trackImage两个属性，让我们可以使用图片资源来设置UIProgressView的样式，但不知是因为学艺不精，还是真没方法，目前为止我没找到方法可以改变UIProgressView的高度。而且progressImage...
推荐文章：ProgressView - 精致且灵活的Android进度视图组件
最新发布
gitblog_00662的博客
08-20 400
推荐文章：ProgressView - 精致且灵活的Android进度视图组件 ProgressView???? Styleable progress view项目地址:https://gitcode.com/gh_mirrors/pro/ProgressView 在当今快节奏的应用开发环境中，向用户展示进度状态变得尤为重要。无论是下载进度、加载过程还是任务完成度，直观的反馈能显著提升用户体验。因此，...
android 自定义View简单的ProgressView圆形进度条
qq_37267423的博客
11-05 403
MainActivity public class MainActivity extends AppCompatActivity { private Button btnAdd; private ProgressView pv; private static final int FLAG = 0x123; private Handler handl
Android 自定义感光器控件SolarProgressView，也可当做普通ProgressBar使用
miqt
07-24 8703
Android 自定义感光器控件SolarProgressView，也可当做普通ProgressBar使用本文出处： 完整代码获取：https://github.com/miqt/SolarProgressView 实现效果： 实现思路：①光线强度数据的获取：Android光线传感器 ②光线强度的UI展示：自定义SolarProgressView ③光线数据源 –> UI展示需要数据的转化
自定义UIProgressView
weixin_30552635的博客
11-15 147
自定义CustomporgressView #import <UIKit/UIKit.h> @interface CustomporgressView : UIView @property(nonatomic,assign)int step; //allCount一共几个节点 step当前节点 -(instancetype)initWithFrame:(CGRe...
自定义带有节点的progressView
09-13
"自定义带有节点的progressView"是一个特定的UI组件，它允许开发者在进度条中添加节点或者标记，以更直观地展示进度过程。这样的设计常见于文件上传、下载或者其他需要实时反馈进度的场景。 首先，我们来理解一下`...
Android代码-Android-ProgressView
08-06
Step 1. Add the JitPack repository to your build file gradle maven sbt leiningen Add it in your root build.gradle at the end of repositories: allprojects { repositories { ... maven { url '...
ProgressView
Whde的博客
07-06 397
波浪，渐变色，进度条 GitHub:https://github.com/whde/ProgressView
android自定义ProgressView长条渐变色的进度条,实现渐变色的效果
01-07
android自定义ProgressView长条渐变色的进度条,实现渐变色的效果，不适用一张图片实现！ 具体思路：http://blog.csdn.net/springsky_/article/details/17954765
ProgressView,
10-11
一个抛光和灵活的进度视图，完全可定制的动画。
Android代码-CountTimeProgressView
08-06
 []() []() CountTimeProgressView CountTimeProgressView - An Android library that provides a count time circular progress view effect. 中文版 Sample Usage For a working implementation of this project see the CountTimeProgressView.kt . step 1 Include the library as a local library project or add the dependency in your build.gradle. dependencies { compile 'com.sfyc.ctpv:library:1.1.3' } Step 2 Include the CountTimeProgressView widget in your layout. And you can customize it like this. Step 3
Android在自定义View（SurfaceView）中实现进度条Progress
strliu的专栏
05-30 1794
ndroid本身带有Progress控件。可以在布局中灵活使用，但如果是在自定义的View或者SurfaceView中使用，就需要自己实现，其实不难，只要熟悉了android的PorterDuff，就能利用PorterDuff的遮罩效果方便的实现进度条。 PorterDuff.Mode的灵活使用可以实现很多强大的功能，比如以前比较流行的美女擦玻璃，在屏幕上用手指绘图或橡皮檫等功能。 下
自定义个UIProgressView（可自己设置高度）
03-26 3566
由于项目需求中的加载进度条的高度比系统原生的高度要小一些，于是乎就继承UIView自己写了个UIProgressView
Android 自定义View--ProgressBar篇（三）
FLY346422332的博客
09-28 1140
1、概述 1.1 目的 ： 在我们的日常开发中，有很多Android UI界面上有一些特殊或者特别的控件与界面，是Android自带的控件所不能满足的，需要我们自己定制一些适合的控件来完成。 1.2 Android自定义View步骤 ： 自定义属性； 选择和设置构造方法； 重写onMeasure()方法； 重写onDraw()方法； 重写onLayout()方法； 重写其他事件的方法（滑动...
Android自定义View（ProgressBar）
贰佰没有伍
01-30 809
1.在资源文件中设置自定义属性。 package com.cn.widget; import com.cn.demo.R; import android.content.Context; import android.content.res.TypedArray; import android.graphics.Canvas; import android.graphics.Color; i
自定义View实现圆形Progress动画
"Android开发中，为了实现一个自定义的圆形Progress效果，开发者需要创建一个名为ProgressView的新类，该类继承自View类。通过重写构造方法，确保在XML布局文件中能正确实例化此自定义视图。在设计过程中，我们可以...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值