美文网首页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,如若转载,请注明来源。

相关文章

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

    1.MBProgressHUD GitHub地址:https://github.com/jdg/MBProgres...

  • 8.18 HUD 透明指示层

    编译运行结果如下: 载入中... 连接失败...

  • MBProgressHUD 源码解析

    HUD在iOS中一般特指“透明提示层”,常见的有SVProgressHUD、JGProgressHUD、Toast...

  • iOS开发 HUD(指示层)的制作与使用

    最终效果图: 完整代码:https://github.com/vega627/HudViewDemo 建立一个简单...

  • 随手记记

    HUD 其他说法:指示器、遮盖、蒙板 半透明HUD的做法背景色设置为半透明颜色 定时任务 方法1:performS...

  • 指示器

    指示器 HUD 其他说法:指示器、遮盖、蒙版 半透HUD的做法背景色设置为半透明颜色 定时任务 方法1:perfo...

  • 认识控件:Toast、Snackbars、HUD(透明指示层)

    Google的Material Design中将toast和snackbars归为一类。 HUD为iOS系统中与t...

  • 动画 KVC KVO

    中间的提醒内容 指示器、HUD、遮盖、蒙板 半透明的指示器如何实现? 指示器的alpha = 1.0 指示器的背景...

  • KVC、KVO

    KVC 、 KVO 中间的提醒内容 指示器、HUD、遮盖、蒙板 半透明的指示器如何实现?指示器的alpha = 1...

  • iOS 实用工具 七 (转)

    HUD MBProgressHUD – 用于显示一个半透明的 HUD。当任务在后台线程结束时可以在上边显示一个指示...

网友评论

  • 吴德馨: 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