zoukankan      html  css  js  c++  java
  • 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
     
     
     
     
  • 相关阅读:
    v-chart使用的相关实例
    v-chart从后台获取数据
    算法题-单词搜索
    关于前端开发的一些小经验总结
    element的input中加入可点击的按钮
    vue.js的入门
    链表问题(算法题)
    同构词分类
    最长不降序子列的改编(dp数组的使用)
    Ubuntu安装Git
  • 原文地址:https://www.cnblogs.com/goodboy-heyang/p/4996506.html
Copyright © 2011-2022 走看看