内容字号:默认大号超大号

段落设置:段首缩进取消段首缩进

字体设置:切换到微软雅黑切换到宋体

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

2018-04-16 12:13 出处:清屏网 人气: 评论(0

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

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

GitHub: OneSwift - iOS Tips Based On Swift

微博:xDEHANG

分享给小伙伴们:
本文标签: Objective-C

相关文章

发表评论愿您的每句评论,都能给大家的生活添色彩,带来共鸣,带来思索,带来快乐。

CopyRight © 2015-2016 QingPingShan.com , All Rights Reserved.

清屏网 版权所有 豫ICP备15026204号