iOS之UI--指示器HUD的创建和设置

指示器的创建和设置 渐变动画

描述:

使用label就能制作指示器,原理:就是让label以动画的形式慢慢显示和消失
最好是半透明的
指示器有时候也被称为:HUD,遮盖,蒙版

思路步骤:

1、先在storyboard的View最前面添加UILabel,或者是自定义代码添加Label
    (下面我用的是自定义UILable)
2、然后在label的透明度(alpha,值:0~1)进行动画渐变设置
    (另外:hidden是不支持动画的,值:YES/NO,从值来看是没有变化的区间,就两个值)

也可以进源码查看alpha属性和hidden属性,你会发现注释讲明了alpha能用于动画,而hidden不行。

  • 方式1:头尾式
[UIView beginAnimations:nil context:nil];
[UIView setAnimationDuration:2.0];

/* 需要执行动画的代码 */

[UIView commitAnimations];
  • 方式2:block式
[UIView animateWithDuration:2.0 delay:1.0 options:kNilOptions animations:^{
    /* 需要执行动画的代码 */   /* 注意这里的options不能用nil,要用kNilOptions */ 
} completion:nil]

// 1s后,再执行动画(动画持续2s)

实现:

首先我们来实现这个小实例:

最后使用第二种Block的方法:

上面的实例进行了优化和改进,将控件的所有方法都封装进自定义控件内部了,另外还添加了背景图片,以显示HUD的透明效果以及前景色字体不透明的效果,还能显示狗哦:

实现代码下载 链接: http://pan.baidu.com/s/1nt2EI2d 密码: havn

 后来,我又对指示器进行了进一步的改进,其实就是加了一点小创意:
 
源代码链接: http://pan.baidu.com/s/1i3tt4UD 密码: kwpc
 
 
 
 
posted @ 2015-11-26 05:01  何杨  阅读(823)  评论(0编辑  收藏  举报