为网页承载页面添加更多功能

OneSwift - iOS Tips Based On Swift

接上一篇文章，我们在设置中心通常会跳转到某一个网页承载页面，而通常我们会添加一些功能来提升他的体验。

1.添加菊花加载的效果

2.添加跳转到Safari的功能

3.添加复制链接的功能

4.添加分享网页的功能

首先，以WebViewController为例，我们要创建一个UIWebView；然后创建了三个功能按钮在左侧、一个关闭页面的按钮在右侧，并且为他们分别绑定；加载按钮的显示和隐藏直接通过代码实现。头部状态的代码如下：

class WebViewController: UIViewController,UIWebViewDelegate{let spinner = UIActivityIndicatorView()@IBOutlet weak var WebView: UIWebView!@IBAction func CloseAction(_ sender: Any) {self.dismiss(animated: true, completion: nil)}@IBAction func SafariAction(_ sender: Any) {self.toSafari()}@IBAction func CopyAction(_ sender: Any) {self.toCopy()}@IBAction func MoreAction(_ sender: Any) {self.toMore()}复制代码

一、添加菊花加载的效果

加载按钮需要在页面加载时立刻出现在正中央，并且开始旋转指导页面成功加载后隐藏。

先加在页面加载时立刻出现加载菊花，代码如下：

override func viewDidLoad() {super.viewDidLoad()//菊花按钮spinner.activityIndicatorViewStyle = .grayspinner.center = view.centerspinner.hidesWhenStopped = trueview.addSubview(spinner)spinner.startAnimating()self.loadWeb()// Do any additional setup after loading the view.
}
复制代码

之后webViewDidFinishLoad检测了页面加载的状态，当加载完成后立刻隐藏并且停止菊花旋转，代码如下：

func webViewDidFinishLoad(_ webView: UIWebView) {print("web load finish")self.spinner.stopAnimating()}
复制代码

二、添加跳转到Safari的功能

初始化时已经绑定了打开浏览器的函数toSafari，打开浏览器的操作就很简单了：

@objc func toSafari(){print("to safari")if let url = NSURL(string:self.url)  {UIApplication.shared.open(url as URL, options: [:], completionHandler: nil)}}
复制代码

三、添加复制链接的功能

复制网页信息的方法toCopy，我们可以将标题和链接同时复制，代码如下：

@objc func toCopy(){print("to copy")//就这两句话就实现了let paste = UIPasteboard.generallet str = self.urlTitle+":"+self.urlprint(str)paste.string = strlet alertController = UIAlertController(title: NSLocalizedString("Copy Success!",comment: "Copy Success!"),message: nil,preferredStyle: .alert)//显示提示框self.present(alertController, animated: true, completion: nil)//两秒钟后自动消失DispatchQueue.main.asyncAfter(deadline: DispatchTime.now() + 2) {self.presentedViewController?.dismiss(animated: false, completion: nil)}}
复制代码

四、添加分享网页的功能

分享网页的方法toMore，采用了类似于分享应用的方式，这是这里的内容我们改为网页的信息，比如网页的标题、链接、头图，代码如下：

@objc func toMore(){print("to more")let shareVC:UIActivityViewController = UIActivityViewController(activityItems: [self.urlTitle,self.urlImage,self.url], applicationActivities: nil)self.present(shareVC, animated: true, completion: {print("more success")})}
复制代码

一个特性三个功能是不是很简单？当然你需要再添加一个关闭按钮。

GitHub：OneSwift - iOS Tips Based On Swift

微博：xDEHANG