概述
(注:图片仅展示部分功能,图片来自github)
MBProgressHUD是一个Objective-C开源库,它可以让你在UI界面界面上插入一个透明的方框,伴以文字或进图条等,从而提示一些后台信息。
安装
一如既往,首先创建一个工程,此处命名为Charpter2MBProgressHUD。
关闭XCode,使用终端进入到工程所在目录(Charpter2MBProgressHUD),并运行"pod init"。
根据github上的指引,修改Podfile,添加一行“pod 'MBProgressHUD', '~> 1.1.0'”。
接着运行“pod install”安装MBProgressHUD。
在工程目录Charpter2MBProgressHUD下双击如下图所示白色工程文件,然后XCode会重新打开。
由于MBProgressHUD是Objective-C写成的库,所以Swift要使用它还必须添加桥接文件。
此处我们新建一个桥接文件,并命名为“BridgeHeader.h”,并在该文件中添加:
#import "MBProgressHUD.h"
接下来将MBProgressHUD的接口文件拖动到工程里(如下图箭头方向)。
最后,我们在XCode的编译选项中指定该文件为桥接文件(按下图箭头方向拖动BridgeHeader.h)
OK,这样MBProgressHUD库就算安装完成啦,现在我们来试试效果。
小试牛刀
import UIKit class ViewController: UIViewController { override func viewDidLoad() {
super.viewDidLoad()
// Do any additional setup after loading the view, typically from a nib.
} override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
// Dispose of any resources that can be recreated.
} @IBAction func actionLoading(_ sender: UIButton) {
let HUD = MBProgressHUD.showAdded(to: self.view, animated: true)
HUD.label.text = "加载中..."
HUD.hide(animated: true, afterDelay: )
}
@IBAction func actionNote(_ sender: UIButton) {
let hud = MBProgressHUD.showAdded(to: self.view, animated: true)
hud.mode = MBProgressHUDMode.text
hud.label.text = "标题"
hud.detailsLabel.text = "详情"
hud.hide(animated: true, afterDelay: )
} }
添加2个按钮,分别对应触发两种效果的MBProgressHUD。