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 = .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")
  })
 }

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

总结

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

赞 (0)

相关推荐

  • swift版webview加载网页进度条效果

    本文实例为大家分享了swift版webview加载网页展示的具体代码,供大家参考,具体内容如下 比较简单,直接上代码 import UIKit import WebKit import SnapKit class CMWebVC: UIViewController , WKNavigationDelegate { var webUrl: String? var webView: WKWebView =WKWebView() var progressView:UIProgressView = UI

  • Swift 开发之懒加载的实例详解

    Swift 开发之懒加载的实例详解 /// A display link that keeps calling the `updateFrame` method on every screen refresh. private lazy var displayLink: CADisplayLink = { self.isDisplayLinkInitialized = true let displayLink = CADisplayLink(target: TargetProxy(target:

  • Swift快速集成下拉刷新和上拉加载更多示例代码

    Swift快速集成下拉刷新和上拉加载更多示例代码

    ESPullToRefresh ESPullToRefresh是一个非常易于开发者使用的下拉刷新和加载更多组件.通过一个UIScrollView的扩展,可以轻松为UIScrollView的所有子类添加下拉刷新功能. 如果你想定制组件的UI样式,只要实现指定的协议方法即可.Github地址 如何安装 使用CocoaPods pod "ESPullToRefresh" 手动安装 git clone https://github.com/eggswift/pull-to-refresh.gi

  • Swift如何为设置中心添加常用功能

    Swift如何为设置中心添加常用功能

    前言 在我们开发所有的应用中,通常会提供包含多项功能的设置中心.这些功能可以包括,给用户推荐自己的其他作品.邀请用户好评.提供反馈通道.邀请用户分享应用.打开官网或某些其他地址. 这些功能虽然用户使用频率不高,但对于应用的设置中心是必备的. 1.跳转到AppStore,邀请好评或推荐其他应用 2.提供系统邮件反馈通道 3.调取系统分享功能分享应用 4.在应用内打开网页,实现官方网址.应用更新说明或打开其他网址 通常设置中心由TableView或CollectionView创建,在didSelec

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

    前言 接上一篇文章,我们在设置中心通常会跳转到某一个网页承载页面,而通常我们会添加一些功能来提升他的体验. 1.添加菊花加载的效果 2.添加跳转到Safari的功能 3.添加复制链接的功能 4.添加分享网页的功能 首先,以WebViewController为例,我们要创建一个UIWebView:然后创建了三个功能按钮在左侧.一个关闭页面的按钮在右侧,并且为他们分别绑定:加载按钮的显示和隐藏直接通过代码实现.头部状态的代码如下: class WebViewController: UIViewCon

  • Android编程中Intent实现页面跳转功能详解

    本文实例讲述了Android编程中Intent实现页面跳转功能.分享给大家供大家参考,具体如下: 安卓四大组件:Activity.Service.Broadcast Receiver.Content Provider Intent实现页面之间跳转 1.无返回值 startActivity(intent) 2.有返回值 startActivityForResult(intent,requestCode); onActivityResult(int requestCode,int resultCod

  • Vue+Node实现商品列表的分页、排序、筛选，添加购物车功能详解

    本文实例讲述了Vue+Node实现商品列表的分页.排序.筛选,添加购物车功能.分享给大家供大家参考,具体如下: 1.分页 商品列表的分页实现是后台根据前端请求的页面大小.页码位置,去数据库中查询指定位置的数据然后返回给前端.比如页面大小为8,要查第3页的数据,则跳过2*8条数据,然后返回接下来的8条数据. 实现滚动加载:页面刚一加载完成并不需要请求所有数据,只显示一部分.当用户下拉到页面底部时,再去请求数据并拼接到商品数据列表中.通过vue-infinite-scroll插件实现滚动加载,在框架

  • .Net Core项目如何添加日志功能详解

    .Net Core项目如何添加日志功能详解

    一.微软内置的日志组件 在.Net Core中使用模板新建的Web Api项目时,会自动加入日志功能.只需要在控制器中注入ILogger就可以了.命名空间为:Microsoft.Extensions.Logging. 会发现只有Error被打印到了控制台,Trace没有被打印.那是因为在appsetting.json中配置了Logging>Console>Default的等级为Debug,日志的等级大于等于Debug才会输出到控制台.在这里说一下LogLevel:Trace<Debug&

  • 在Winform程序中使用Spire.Pdf实现页面添加印章功能的实现

    在一些场合,我们往往需要使用印章来给每页文档加盖一个印章,以表示该文档经过某个部门的认证的,常规的做法就是打印文档后盖章,如果需要电子档再行扫描一下.这样的处理,如果文档很多,且仅仅需要电子文档的就很麻烦了,需要打印再盖章再扫描,而且电子文档往往有失真的问题.本篇随笔介绍如何在在Winform程序中使用Spire.Pdf实现页面添加印章处理,解决这一痛处. 1.在PDF增加印章处理 首先我们来了解下,用Adobe Acrobat Reader 进行文档的印章处理下,看看如何实现的,后面再用软件实

  • vue项目添加多页面配置的步骤详解

    公司使用 vue-cli 创建的 vue项目 在初始化时并没有做多页面配置,随着需求的不断增加,发现有必要使用多页面配置.看了很多 vue多页面配置 的文章,基本都是在初始化时就配置了多页面.而且如果使用这些实现,需要调整当前项目的目录结构,这点也是不能接受的. 最后,参考这些文章,在不调整当前项目目录结构实现了多页面的配置的添加.这里做下记录.总结,方便以后复用.如果还能有幸帮助到有同样需求的童鞋的话,那就更好了. 实现步骤 1.添加新增入口相关文件; 2.使用变量维护多入口: 3.开发环境读

  • PHP与Web页面的交互示例详解一

    前言 这篇笔记记录的是Web表单的相关操作,Web表单主要用来在网页中发送数据到服务器.比如在日常开发中,提交注册时需要提交表单,表单从客户端传送到服务器,经过服务器处理后,再将用户所需要的信息传递回客户端,进而实现PHP与Web表单的交互. 表单 使用<form>元素,并在其中插入相关的表单元素,即可创建一个表单. 表单结构: <form name="form_name" method="method" action="url"

  • Django 404、500页面全局配置知识点详解

    django版本为2.2.7,全局配置404.500页面,解决静态文件路径等问题 urls中编写 urlpatterns = [ .............. ] handler404 = 'first.views.page_not_found' #handler404为固定写法,first.views.page_not_found为404处理函数的位置 handler500 = 'first.views.page_error' #同上 指定的views中 #全局404 def page_not

  • SpringBoot2 整合FreeMarker实现页面静态化示例详解

    一.页面静态化 1.动静态页面 静态页面 即静态网页,指已经装载好内容HTML页面,无需经过请求服务器数据和编译过程,直接加载到客户浏览器上显示出来.通俗的说就是生成独立的HTML页面,且不与服务器进行数据交互. 优缺点描述: 静态网页的内容稳定,页面加载速度极快: 不与服务器交互,提升安全性: 静态网页的交互性差,数据实时性很低: 维度成本高,生成很多HTML页面: 动态页面 指跟静态网页相对的一种网页编程技术,页面的内容需要请求服务器获取,在不考虑缓存的情况下,服务接口的数据变化,页面加载的

  • PHP与Web页面的交互示例详解二

    前言 在<PHP学习笔记-PHP与Web页面的交互1>笔记中讲解了form表单的一些属性,包括它的输入域标记.选择域标记和文字域标记的写法,接下来的内容就是讲如何获取表单数据以及PHP数据的传递,包括对各种控件值的获取. 插入表单 提交表单之前一定得有表单,当我们的表单创建完毕后可以将表单插入Web页中,代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://w

随机推荐