【iOS开发】分享一个美观简单易用，彻底可定制化的HUD（Toast + Alert + ActionSheet）

本文有大量截图，建议感兴趣的朋友下载demo。

ProHUD = Toast（通知横幅） + Alert（ProgressHUD、弹窗） + ActionSheet（操做表）

在文档页面能够查看大图

文档和源码

• 文档：https://xaoxuu.com/wiki/prohud/
• 源码：https://github.com/xaoxuu/Pro...

特性

极其简便

发一个弹窗：

Alert.push(scene: .loading, title: "正在加载", message: "请稍等片刻")

发一个通知横幅：

Toast.push(scene: .warning, title: "设备电量太低", message: "请及时对设备进行充电，以避免影响使用。")

接口灵活

例如发一个弹窗：

Alert.push() { (alert) in
    alert.identifier = "error"
    alert.update { (vm) in
        vm.scene = .error
        vm.title = "同步失败"
        vm.message = "请检查网络是否链接"
        vm.add(action: .default, title: "重试") {
            // do something
        }
        vm.add(action: .cancel, title: "取消", handler: nil)
    }
}

实例管理

避免重复发送同一个实例：

Toast.find("aaa", last: { (t) in
    t.update() { (vm) in
        vm.title = "已经存在了"
    }
}) {
    Toast.push(title: "这是一条id为aaa的横幅", message: "避免重复发布同一条信息") { (t) in
        t.identifier = "aaa"
        t.update { (vm) in
            vm.scene = .warning
            vm.duration = 0
        }
    }
}

更新loading的结果：

Alert.find("loading", last: { (a) in
    a.update { (vm) in
        vm.scene = .success
        vm.title = "同步成功"
        vm.message = nil
    }
})

更新为加载失败，并增长重试按钮：

Alert.find("loading", last: { (a) in
    a.update { (vm) in
        vm.scene = .error
        vm.title = "同步失败"
        vm.message = "请检查网络是否链接"
        vm.add(action: .default, title: "重试") {
            // do something
        }
        vm.add(action: .cancel, title: "取消", handler: nil)
    }
})

1. 用类似的接口调用Toast、Alert、Guard。
2. 程序初始化时配置自定义UI样式，快速调用。
3. 用简便的方法拿到已发布的实例，避免重复发布实例。
4. 可对已发布的实例进行数据更新。
5. 横竖屏和iPad布局优化。
6. 易于扩展，能够很方便的添加任意控件，并处理好布局。
7. 可对全部实例监听消失事件。

Toast（顶部浮动通知条）

1. 多个Toast并存策略（平铺）。
2. 只接收一个点击事件。
3. 能够预先对不一样的场景配置不一样的默认值（图标、持续时间）。

Alert（页面中心弹窗）

1. 多个Alert并存策略（具备景深效果的堆叠）。
2. 能够预先对不一样的场景配置不一样的默认值（图标、持续时间）。
3. 可快速建立具备预先配置的默认样式（Default、Destructive、Cancel）的按钮。
4. 对已发布的实例进行文本和按钮的更新，包括新增、修改、删除文本和按钮。
5. 强制退出按钮（防止超时致使页面卡死）。

Guard（页面底部操做表）

1. 快速建立具备预先配置的默认样式的文本元素（标题、副标题、正文）。
2. 可快速建立具备预先配置的默认样式（Default、Destructive、Cancel）的按钮。

设计思路

UI与逻辑分离

这个库采用配置UI和调用接口分离的设计，这种思路借鉴了和而泰公共库，我认为这是一种调用比传统UI库方便的同时可定制化能力也比传统UI库强大的设计思路。

简单来讲，就是你在AppDelegate中告诉ProHUD，你要的横幅、弹窗、操做表分别是什么样的，若是参数是什么什么，就怎么展现UI。
而后调用的地方就不须要设置UI了，只须要专一于数据，如：

Alert.push(scene: .loading, title: "正在加载", message: "请稍等片刻")

这样就发出了一个弹窗，而弹窗的样式，则在AppDelegate中以及预先配置好了。我使用了scene这个灵活的参数，你能够本身扩展场景，例如：

extension ProHUD.Scene {
    static var confirm: ProHUD.Scene {
        var scene = ProHUD.Scene(identifier: "confirm")
        scene.image = UIImage(named: "ProHUDMessage")
        return scene
    }
    static var delete: ProHUD.Scene {
        var scene = ProHUD.Scene(identifier: "delete")
        scene.image = UIImage(named: "ProHUDTrash")
        scene.title = "确认删除"
        scene.message = "此操做不可撤销"
        return scene
    }
    static var buy: ProHUD.Scene {
        var scene = ProHUD.Scene(identifier: "buy")
        scene.image = UIImage(named: "ProHUDBuy")
        scene.title = "确认付款"
        scene.message = "一旦购买拒不退款"
        return scene
    }
}

一个scene就能够理解成一套模板。

极端场景

不少库没有多实例管理，很容易出现简单粗暴的视图重叠现象，ProHUD针对不一样场景作了不一样的优化，对于横幅来讲，能够平铺显示，像系统的通知中心同样，你能够拖拽向上移除。对于弹窗来讲，我给底层的弹窗作了景深效果处理，使得看起来不像是BUG。