Swift如何為網頁承載頁面添加更多功能詳解

更新時間：2018年05月04日 09:13:24 作者：OneSwift

這篇文章主要給大家介紹了關于Swift如何為網頁承載頁面添加更多功能的相關資料，包括添加菊花加載的效果、添加跳轉到Safari的功能、添加復制鏈接的功能以及添加分享網頁的功能，文中通過示例代碼介紹的非常詳細，需要的朋友可以參考下

前言

接上一篇文章，我們在設置中心通常會跳轉到某一個網頁承載頁面，而通常我們會添加一些功能來提升他的體驗。

1.添加菊花加載的效果

2.添加跳轉到Safari的功能

3.添加復制鏈接的功能

4.添加分享網頁的功能

首先，以WebViewController為例，我們要創(chuàng)建一個UIWebView；然后創(chuàng)建了三個功能按鈕在左側、一個關閉頁面的按鈕在右側，并且為他們分別綁定；加載按鈕的顯示和隱藏直接通過代碼實現。頭部狀態(tài)的代碼如下：

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 = .gray
  spinner.center = view.center
  spinner.hidesWhenStopped = true
  view.addSubview(spinner)
  spinner.startAnimating()

  self.loadWeb()
  // Do any additional setup after loading the view.
}

之后webViewDidFinishLoad檢測了頁面加載的狀態(tài)，當加載完成后立刻隱藏并且停止菊花旋轉，代碼如下：

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.general
  let str = self.urlTitle+":"+self.url
  print(str)
  paste.string = str
  let 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")
  })
 }

一個特性三個功能是不是很簡單？當然你需要再添加一個關閉按鈕。

總結

以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作具有一定的參考學習價值，如果有疑問大家可以留言交流，謝謝大家對腳本之家的支持。

您可能感興趣的文章: