水波纹进度效果——万能的github

最新推荐文章于 2024-08-02 12:45:00 发布
最新推荐文章于 2024-08-02 12:45:00 发布
阅读量1.9k 收藏 2
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LiuYangQiao/article/details/51557008
版权

首先声明，这篇blog并没有什么技术含量，完全是小弟在开发中遇到的蛋疼的问题，大神勿喷，前几天遇到界面中要求实现水波纹进度的特效，当时我就懵逼了，这尼玛，设计师真是脑洞大开，不过有点像360的那个，你懂得。。。还好有万能的github，哈哈，还好我机智
先贴github地址：WaveLoadingView
接下来就是如何用咯：

不过用之前先看效果图（很炫的）：
这里写图片描述

还不错吧？
是哒

代码就不用看了。其实大家可以直接去看源码，按照公司的需求修改源码后的效果。

祝大家六一儿童节快了 -_-

LiuYangQiao
关注
Flutter 水波纹动画效果实现
qq_35297511的博客
03-01 3188
Flutter 水波纹动画效果实现1. 先上效果图：2. 实现2.1 尺寸渐变结合透明度渐变2.2 多个基本动画效果叠加3. 总结 1. 先上效果图： 2. 实现 我们将该动画拆成三部分来实现就比较容易了，分别是尺寸大小渐变动画、透明度渐变动画和叠加组合动画。 尺寸变换数值由补间动画Tween填补，辅以线性变换；这里圆形的大小变化我设置的是50~290范围，当然你可以设置其他范围： var animation = Tween(begin: 50.0, end: 290.0) .anim
Ubuntu更改hosts文件——上GitHub
m0_52586040的博客
04-27 1361
Ubuntu更改hosts文件——上GitHub更改hosts文件 更改hosts文件 在终端依次输入 $ cd /etc $ su root $ (输入密码) $ nano hosts 将下面这段加入hosts文件末尾处 140.82.112.3 github.com 140.82.112.10 nodeload.github.com 140.82.114.6 api.github.com 13.229.189.0 codeload.github.com 185.199.110.133 raw.git
html5 canvas制作圆形水波进度条动画特效
07-29
纯canvas制作的水波纹进度条动画，支持拖到设置水波进度条大小代码
水波浪型的进度加载器
weixin_30902675的博客
10-30 125
话不多说，先上效果图 下面说说原理，基本原理就是不停的绘制一条正弦曲线，曲线方程为y=A*Sin（w*x+fai）+k 参数A是波浪振幅，A越大，波浪高度越大，基线K是就能直接表现进度，会随着进度的增大而减小 w参数很重要，表示了图像的紧密程度，设置的小一点就会让图像较为平缓，初相fai，表示当X等于0时候的第一个位置 在代码中不停的变化这个参数，...
神奇的进度条！水缸进度动画效果怎么实现的？
最新发布
leyang0910的博客
08-02 438
最近看到一个非常有趣的动画效果：水波进度动画，想了一下实现思路，分享给大家
水波 水纹 DDL代码
03-11
实现水纹水波的代码 DLL类库 付说明 Private Sub Form_MouseDown(Button As Integer, Shift As Integer, X As Single, Y As Single) Dim LClickCount As Long ' Randomize If Button = 1 Then WaveDropStone X, Y, 2, 256 Else LClickCount = Rnd * 3 Select Case LClickCount Case 0 WaveEffect wlaunch, 5, 4, 250 Case 1 WaveEffect wWaves, 250, 4, 8 Case 2 WaveEffect wrain, 5, 4, 150 Case 3 WaveEffect wClose, 0, 0, 0 End Select End If End Sub ==== VB调用实例
Meterial Design 自带水波纹颜色修改和reveal(揭露)动效
minwenping的博客
06-10 1454
第一部分：.Meterial Design自带水波纹介绍，支持Android 5.0以上，介绍的是自带的水波纹效果，水波纹效果跟主题有关。先看简单效果： 布局文件的代码如下： <Button android:layout_width="200dp" android:layout_height="60dp" android:text="@string/
vue 实现水波进度条和环形进度条效果
m0_50864962的博客
12-02 2448
vue 实现水波进度条和环形进度条
AndroidStudio中使用Git-初级篇（一）——从github上传和下载项目（by 星空武哥）-附件资源
03-02
AndroidStudio中使用Git-初级篇（一）——从github上传和下载项目（by 星空武哥）-附件资源
小程序DEMO——githubAPI搜索库及用户练习
03-15
免责声明：本站所有文章和图片均来自用户分享和网络收集，文章和图片版权归原作者及原出处所有，仅供学习与参考，请勿用于商业用途，如果损害了您的权利，请联系网站客服处理。
自定义View实现圆形水波进度条（下）
09-28 2538
来源：伯乐在线专栏作者 - Code4Android 链接：http://android.jobbole.com/84776/ 接上文 通过效果图，我们看到实现此效果就是不断的更新进度值，然后重绘，，那么我们只需开启一个线程实现更新进度值，为了更好的控制我们再加点击事件，当单机时开始增大进度，双击时暂停进度，并弹出Snackbar，其中有一个重置按钮，
水波滚动，圆环进度条
12-03
参考博文，请查看http://blog.csdn.net/harryweasley/article/details/50164995 水波滚动，圆环进度条
javascript制作的仿迅雷 圆形水波纹进度条(球)
01-08
javascript js制作的仿迅雷 圆形水波纹进度条(球)
水波纹进度条
10-07
这里实现了水波纹进度效果，且提供了外部使用接口，很好的适配于任何布局方式，具体实现方案及效果，我的博客有说明：http://blog.csdn.net/aiyh0202/article/details/52748525 外送一个Watch实现类，可直接使用，帮助初级开发者更好接收和了解View的绘制
水波特效(Shader)实现
09-23
Directx9.0c(Shader) + C++ 实现,是用多个渲染目标，程序稍加修改可以把接触点的圆形换成任意模型，水波可以沿着各种模型的边缘线产生。
vue自定义指令Vuedirective实现点击水波纹效果
08-12
vue自定义指令(Vue.directive)实现点击水波纹效果
水波按进度上升，带环形进度条
未来很长，但我会努力的走下去。
05-31 620
water-wave-progress 项目地址：Modificator/water-wave-progress 简介：水波按进度上升，带环形进度条 更多：作者提 Bug 标签： 水波按进度上升，带环形进度条 理论上是可以在 2.3 及以下的版本上使用的(没做成控件之前确实如此,但是现在死活不显示,又不报错,不知道什么原因) so,限制 4.0 以上 让 2.3 见...
Vue + Echarts实现水波图、水球图、水半球样式、圆形水进度条
weixin_71854821的博客
11-20 3374
Vue + Echarts实现水波图、水球图、水半球样式、圆形水进度条，多个波浪水波图，Echarts入门
vue怎么实现 【水波纹进度条】 组件封装，以及动画样式的效果
weixin_50450473的博客
12-13 2403
一组数据中，多个水波纹进度条的情况，自然要将相同的部分，封装成组件 一、创建组件 WaterRipple.vue <template> <div class="water_progress" :style="'top:'+size.top+';left:'+size.left+';'"> <div id="num">{{numTxt}}</div> <div class="water"> ..
Unity实现透明水波纹扭曲效果详解
这种技术可以模拟水波纹的扭曲运动，创造出更加逼真的水波纹效果。 ** Unity 中的 Shader 编程** 在 Unity 中，我们可以使用 Shader 编程来实现透明水波纹扭曲技术。Shader 是一种小程序，运行在 GPU 上，负责处理...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值