前言
接上一篇文章,我们在设置中心通常会跳转到某一个网页承载页面,而通常我们会添加一些功能来提升他的体验。
1.添加菊花加载的效果
2.添加跳转到Safari的功能
3.添加复制链接的功能
4.添加分享网页的功能
首先,以WebViewController为例,我们要创建一个UIWebView;然后创建了三个功能按钮在左侧、一个关闭页面的按钮在右侧,并且为他们分别绑定;加载按钮的显示和隐藏直接通过代码实现。头部状态的代码如下:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
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() } |
一、添加菊花加载的效果
加载按钮需要在页面加载时立刻出现在正中央,并且开始旋转指导页面成功加载后隐藏。
先加在页面加载时立刻出现加载菊花,代码如下:
1
2
3
4
5
6
7
8
9
10
11
12
|
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检测了页面加载的状态,当加载完成后立刻隐藏并且停止菊花旋转,代码如下:
1
2
3
4
|
func webViewDidFinishLoad(_ webView: UIWebView) { print( "web load finish" ) self.spinner.stopAnimating() } |
二、添加跳转到Safari的功能
初始化时已经绑定了打开浏览器的函数toSafari,打开浏览器的操作就很简单了:
1
2
3
4
5
6
|
@objc func toSafari(){ print( "to safari" ) if let url = NSURL(string:self.url) { UIApplication.shared.open(url as URL, options: [:], completionHandler: nil) } } |
三、添加复制链接的功能
复制网页信息的方法toCopy,我们可以将标题和链接同时复制,代码如下:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
@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,采用了类似于分享应用的方式,这是这里的内容我们改为网页的信息,比如网页的标题、链接、头图,代码如下:
1
2
3
4
5
6
7
|
@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" ) }) } |
一个特性三个功能是不是很简单?当然你需要再添加一个关闭按钮。
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对服务器之家的支持。
原文链接:https://bjdehang.github.io/OneSwift/11.为网页承载页面添加更多功能.html