您的位置:首页 > 移动开发 > IOS开发

iOS球形波浪加载进度控件-HcdProcessView

2016-09-14 14:10 260 查看

HcdProcessView

A concise water wave animation process view.

















前言

最近一个项目中设计了一个带有双波浪的圆形进度显示控件,首先看到设计的效果后,我先在网上查阅了相关资料。其中有一个的效果还不错,但是通过查看源码分析后发现,这是一个由两张图片做成的动画效果。虽然这个实现了圆形双波浪的进度显示,但是明显是达不到我想要的效果的。所有我决定自己编写一个这样的控件,于是就产生了HcdProcessView。

效果

首先来一张如下动态效果图:



HcdProcessView特性

使用纯代码编写,不需要用到图片

可自定义波浪颜色

可以自定义刻度颜色

Requirements

Xcode6或更高版本

iOS7或更高版本

ARC

使用方法

本工程源码我放在了Github上:https://github.com/Jvaeyhcd/HcdProcessView

常规方法

将Github上的源码下载下来,然后将
HcdProcessView
文件夹下的所有文件拷贝到您的项目中,在需要使用
HcdProcessView
的地方
#include "HcdProcessView.h"


Cocoapods

当然我也提供了使用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];


Contact

如果您有什么意见或者建议可以直接给我提交 issue.
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  ios 控件 动画 图片 设计