概述

二、多功能提示框——MBProgressHUD-LMLPHP二、多功能提示框——MBProgressHUD-LMLPHP

(注:图片仅展示部分功能,图片来自github)

MBProgressHUD是一个Objective-C开源库,它可以让你在UI界面界面上插入一个透明的方框,伴以文字或进图条等,从而提示一些后台信息。

安装

一如既往,首先创建一个工程,此处命名为Charpter2MBProgressHUD。

二、多功能提示框——MBProgressHUD-LMLPHP

关闭XCode,使用终端进入到工程所在目录(Charpter2MBProgressHUD),并运行"pod init"。

二、多功能提示框——MBProgressHUD-LMLPHP

根据github上的指引,修改Podfile,添加一行“pod 'MBProgressHUD', '~> 1.1.0'”。

二、多功能提示框——MBProgressHUD-LMLPHP

接着运行“pod install”安装MBProgressHUD。

二、多功能提示框——MBProgressHUD-LMLPHP

在工程目录Charpter2MBProgressHUD下双击如下图所示白色工程文件,然后XCode会重新打开。

二、多功能提示框——MBProgressHUD-LMLPHP

二、多功能提示框——MBProgressHUD-LMLPHP

由于MBProgressHUD是Objective-C写成的库,所以Swift要使用它还必须添加桥接文件。

此处我们新建一个桥接文件,并命名为“BridgeHeader.h”,并在该文件中添加:

#import "MBProgressHUD.h"

二、多功能提示框——MBProgressHUD-LMLPHP

二、多功能提示框——MBProgressHUD-LMLPHP

接下来将MBProgressHUD的接口文件拖动到工程里(如下图箭头方向)。

二、多功能提示框——MBProgressHUD-LMLPHP

二、多功能提示框——MBProgressHUD-LMLPHP

最后,我们在XCode的编译选项中指定该文件为桥接文件(按下图箭头方向拖动BridgeHeader.h)

二、多功能提示框——MBProgressHUD-LMLPHP

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。

二、多功能提示框——MBProgressHUD-LMLPHP

上一节           回目录

05-08 15:12