美文网首页iOS学习专题ios 开发常用ITBOX
iOS开发必备HUD(透明指示层)

iOS开发必备HUD(透明指示层)

作者: iHTCboy | 来源:发表于2015-05-10 11:18 被阅读18879次

    1.MBProgressHUD

    GitHub地址:https://github.com/jdg/MBProgressHUD
    基本上看到的主流iOS应用都集成了这个,Star 7k了,最近看到很多应用HUD隐藏时,有一个动画过程,我还以为是自己扩展的,后来研究才发现,有这个属性animationType:

    @property (assign) MBProgressHUDAnimation animationType;
    
    typedef NS_ENUM(NSInteger, MBProgressHUDAnimation) {
        /** Opacity animation */
        MBProgressHUDAnimationFade,
        /** Opacity + scale animation */
        MBProgressHUDAnimationZoom,
        MBProgressHUDAnimationZoomOut = MBProgressHUDAnimationZoom,
        MBProgressHUDAnimationZoomIn
    };
    
    Loading效果 还可以显示1行或2行文字 圆形进度圆 条形进度条 通过自定义图片形成的效果 可以只要文字提醒

    2. SVProgressHUD

    GitHub地址:https://github.com/TransitApp/SVProgressHUD
    SVProgressHUD和MBProgressHUD效果差不多,特点就是不需要使用协议,同时也不需要声明实例。直接通过类方法就可以调用:
    [SVProgressHUD method]
    [SVProgressHUD dismiss]

    效果图.gif

    3. JGProgressHUD

    GitHub地址:https://github.com/JonasGessner/JGProgressHUD
    JGProgressHUD和MBProgressHUD效果差不多,作为后起之秀,特点就是如果有键盘时,HUD可以自动上移,效果非常棒!另外自定义定制也很灵活。

    JGProgressHUD效果图

    4. Toast

    GitHub地址:https://github.com/scalessec/Toast
    这个Toast非常经典。

    // basic usage
    [self.view makeToast:@"This is a piece of toast."];
    
    // toast with duration, title, and position
    [self.view makeToast:@"This is a piece of toast with a title." 
                duration:3.0
                position:CSToastPositionTop
                   title:@"Toast Title"];
    
    // toast with an image
    [self.view makeToast:@"This is a piece of toast with an image." 
                duration:3.0
                position:[NSValue valueWithCGPoint:CGPointMake(110, 110)]
                   image:[UIImage imageNamed:@"toast.png"]];
    
    // display toast with an activity spinner
    [self.view makeToastActivity];
    
    Toast部分效果
    目前来说,以前4种HUD就能满足基本需求,实际开发中,集成到一个Utility中就更方便,等我完善了在放出来分享啦
    • 如果有什么疑问,可以在评论区一起讨论;
    • 如果有什么不正确的地方,欢迎指导!

    注:本文首发于 iHTCboy's blog,如若转载,请注明来源。

    相关文章

      网友评论

      • 吴德馨: HUD.bezelView.color = [[UIColor lightGrayColor] colorWithAlphaComponent:0.1f];
        使用这句代码后能对背景做一些改变, 但是感觉又不像透明度的变化.
      • 主动性initiative微笑:mbhud那个圆环效果,怎么设置合理一些,网络请求不知道什么时候才返回结果,可以让它根据请求时间定义自己转圈的时间吗?我怎么感觉sv要比mb好用呢?
      • WintersMoon:请教下,把菊花和文字的默认上下的相对位置改成左右相对,这几种Hud有提供这种直接修改的方式吗?

        nenhall:@WintersMoon 看我的文章有關於mbp的封裝可以滿足你需求
        iHTCboy:@WintersMoon 目前这些没有提供,1、用自定义视图,自己定义,2、看看有没有别人做好的轮子
      • 苦笑男神:学习了,不知道哪个自定义功能更强大
      • 瑞廷:自己改成透明的改的特别low
        iHTCboy:@瑞廷 可以pod 旧版本
      • 瑞廷:最新的 MBProgressHUD 已经不透明了 :sweat:
        iHTCboy:@瑞廷 是啊,跟着苹果风格走,如果你想透明,就pod以前版本。未来会跟趋势走吧哈哈,产品需求做吧
      • 小咸鱼的生活:“目前来说,以前4种HUD就能满足基本需求,实际开发中,集成到一个Utility中就更方便,等我完善了在放出来分享啦” 请问这个有分享出来吗?在哪里呢?
        iHTCboy:@i_蕊 就是一个单例文件,方便调用啊,如果你有需要,笃信我
      • 龙爪槐守望者:话说HUD的全称是啥
        龙爪槐守望者:@Nori 感觉不是很贴切啊,这和平视顶视有什么区别
        9316236ca1a6:@龙爪槐守望者 head up display(平视显示)区别于顶部现实。
        戴仓薯:@龙爪槐守望者 好问题,我也想知道

      本文标题:iOS开发必备HUD(透明指示层)

      本文链接:https://www.haomeiwen.com/subject/hstbfttx.html