A concise water wave animation process view.
最近一个项目中设计了一个带有双波浪的圆形进度显示控件,首先看到设计的效果后,我先在网上查阅了相关资料。其中有一个的效果还不错,但是通过查看源码分析后发现,这是一个由两张图片做成的动画效果。虽然这个实现了圆形双波浪的进度显示,但是明显是达不到我想要的效果的。所有我决定自己编写一个这样的控件,于是就产生了HcdProcessView。
首先来一张如下动态效果图:
本工程源码我放在了Github上:https://github.com/Jvaeyhcd/HcdProcessView
将Github上的源码下载下来,然后将HcdProcessView文件夹下的所有文件拷贝到您的项目中,在需要使用HcdProcessView的地方#include "HcdProcessView.h"。
当然我也提供了使用cocoapods安装的方法,在您项目工程的podfile文件中添加“pod HcdProcessView”, 然后pod install。
注意:如果通过pod无法导入HcdProcessView请先更新您的cocoapods的Spec仓库,先pod setup然后再pod install。
在需要使用此控件的地方按照如下方式显示即可:
HcdProcessView *customView = [[HcdProcessView alloc] initWithFrame: CGRectMake(self.view.frame.size.width * 0.1, 70, self.view.frame.size.width * 0.8, self.view.frame.size.width * 0.8)]; customView.percent = 0.6; customView.showBgLineView = YES; [self.view addSubview:customView];如果您有什么意见或者建议可以直接给我提交 issue.