Swift如何为网页承载页面添加更多功能详解

 更新时间:2018年05月04日 09:13:24   作者:OneSwift  
这篇文章主要给大家介绍了关于Swift如何为网页承载页面添加更多功能的相关资料,包括添加菊花加载的效果、添加跳转到Safari的功能、添加复制链接的功能以及添加分享网页的功能,文中通过示例代码介绍的非常详细,需要的朋友可以参考下

前言

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

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 = .gray
  spinner.center = view.center
  spinner.hidesWhenStopped = true
  view.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.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")
  })
 }

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

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对脚本之家的支持。

相关文章

  • Swift中static和class关键字的深入讲解

    Swift中static和class关键字的深入讲解

    这篇文章主要给大家介绍了关于Swift中static和class关键字的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者使用Java具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-03-03
  • swift中的@UIApplicationMain示例详解

    swift中的@UIApplicationMain示例详解

    这篇文章主要给大家介绍了关于swift中@UIApplicationMain的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。
    2017-12-12
  • swift中defer的实际应用小结

    swift中defer的实际应用小结

    这篇文章主要给大家介绍了关于swift中defer的实际应用的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-01-01
  • Swift调用Objective-C代码

    Swift调用Objective-C代码

    目前Swift语言所编写的应用才刚刚可以使用Xcode 6 GM版本提交,而Objective-C作为苹果的主开发语言存在了很多年了。目前尚无成熟的Swift库可用,所以当前编写应用可以说基本离不开调用Objective-C代码的情况。
    2014-09-09
  • Swift版使用ThPullRefresh实现下拉上拉刷新数据

    Swift版使用ThPullRefresh实现下拉上拉刷新数据

    这篇文章主要介绍了Swift版使用ThPullRefresh实现下拉上拉刷新数据,需要的朋友可以参考下
    2016-01-01
  • swift4更新中所遇到的一些问题总结

    swift4更新中所遇到的一些问题总结

    这篇文章主要给大家介绍了关于在swift4更新中所遇到的一些问题,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。
    2017-12-12
  • Swift利用Decodable解析JSON的一个小问题详解

    Swift利用Decodable解析JSON的一个小问题详解

    这篇文章主要给大家介绍了关于Swift利用Decodable解析JSON的一个小问题的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。
    2018-04-04
  • SwiftUI 登录界面布局实现示例详解

    SwiftUI 登录界面布局实现示例详解

    这篇文章主要为大家介绍了SwiftUI 登录界面布局实现示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-09-09
  • swift3.0 创建sqlite数据库步骤方法

    swift3.0 创建sqlite数据库步骤方法

    本篇文章主要介绍了swift3.0 创建sqlite数据库步骤方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-06-06
  • Swift的74个常用内置函数介绍

    Swift的74个常用内置函数介绍

    这篇文章主要介绍了Swift的74个常用内置函数介绍,这篇文章列举出了所有的Swift库函数,内置函数是指无需引入任何模块即可以直接使用的函数,需要的朋友可以参考下
    2015-01-01

最新评论