Comment ajouter une barre de navigation à WKWebView?

Je suis en train de mettre en œuvre un intégré à webView à l'aide de WKWebView. J'ai la configuration initiale et avec le code suivant je peux charger une page web dans mon storyboard.

import UIKit
import WebKit

class WebViewViewController: UIViewController {
    @IBOutlet var containerView: UIView!
    var webView: WKWebView?

    override func loadView() {
        super.loadView()

        self.webView = WKWebView()
        self.view = self.webView!
    }


    override func viewDidLoad() {
        super.viewDidLoad()

        //Do any additional setup after loading the view.
        var url = NSURL(string:"http://www.google.com/")
        var req = NSURLRequest(URL:url!)
        self.webView!.loadRequest(req)
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        //Dispose of any resources that can be recreated.
    }


/*
//MARK: - Navigation

//In a storyboard-based application, you will often want to do a little preparation before navigation
override func prepareForSegue(segue: UIStoryboardSegue, sender: AnyObject?) {
    //Get the new view controller using segue.destinationViewController.
    //Pass the selected object to the new view controller.
}
*/

}

Avec cela, je peux voir le contenu web à l'intérieur de mon application, mais il n'y a pas une barre de navigation, et j'ai besoin de permettre aux utilisateurs de saisir une url souhaitée. Comment puis-je ajouter une barre de navigation comme n'importe quel autre navigateur web?

OriginalL'auteur Andrés Quiroga | 2015-02-18

Basé sur le web lien par Devran Cosmo, c'est mon avis final contrôleur de code.

import UIKit
import WebKit
class WebViewViewController: UIViewController, UITextFieldDelegate, WKNavigationDelegate {
var webView: WKWebView
@IBOutlet weak var barView: UIView!
@IBOutlet weak var urlField: UITextField!
//Web Browser navigator
    @IBOutlet weak var backButton: UIBarButtonItem!
@IBOutlet weak var forwardButton: UIBarButtonItem!
@IBOutlet weak var reloadButton: UIBarButtonItem!
@IBOutlet weak var progressView: UIProgressView!
@IBAction func back(sender: UIBarButtonItem) {
if (self.webView.canGoBack) {
self.webView.goBack()
}
}
@IBAction func forward(sender: UIBarButtonItem) {
if (self.webView.canGoForward) {
self.webView.goForward()
}
}
required init(coder aDecoder: NSCoder) {
self.webView = WKWebView(frame: CGRectZero)
super.init(coder: aDecoder)
self.webView.navigationDelegate = self
}
override func viewWillTransitionToSize(size: CGSize,  withTransitionCoordinator coordinator:     UIViewControllerTransitionCoordinator) {
barView.frame = CGRect(x:0, y: 0, width: size.width, height: 30)
}
//Load user requested url
    func textFieldShouldReturn(textField: UITextField) -> Bool {
urlField.resignFirstResponder()
webView.loadRequest(NSURLRequest(URL: NSURL(string: urlField.text)!))
var list : WKBackForwardList = self.webView.backForwardList
println("BACK LIST")
println(list.backList)
return false
}
override func observeValueForKeyPath(keyPath: String, ofObject object: AnyObject, change: [NSObject : AnyObject], context:   UnsafeMutablePointer<()>) {
if (keyPath == "loading") {
backButton.enabled = webView.canGoBack
forwardButton.enabled = webView.canGoForward
}
if (keyPath == "estimatedProgress") {
progressView.hidden = webView.estimatedProgress == 1
progressView.setProgress(Float(webView.estimatedProgress),  animated: true)
}
}
func webView(webView: WKWebView!, didFinishNavigation navigation: WKNavigation!) {
progressView.setProgress(0.0, animated: false)
}
func webView(webView: WKWebView!, didFailProvisionalNavigation navigation: WKNavigation!, withError error: NSError!) {
let alert = UIAlertController(title: "Error", message:  error.localizedDescription, preferredStyle: .Alert)
alert.addAction(UIAlertAction(title: "Ok", style: .Default,  handler: nil))
presentViewController(alert, animated: true, completion: nil)
}
override func viewDidLoad() {
super.viewDidLoad()
barView.frame = CGRect(x:0, y: 0, width: view.frame.width, height: 30)
//Do any additional setup after loading the view.
        view.insertSubview(webView, belowSubview: progressView)
webView.setTranslatesAutoresizingMaskIntoConstraints(false)
let height = NSLayoutConstraint(item: webView, attribute: .Height, relatedBy: .Equal, toItem: view, attribute: .Height, multiplier: 1, constant: -44)
let width = NSLayoutConstraint(item: webView, attribute:    .Width, relatedBy: .Equal, toItem: view, attribute: .Width, multiplier: 1,    constant: 0)
view.addConstraints([height, width])
//Disable navigation buttons on first loads
        backButton.enabled = false
forwardButton.enabled = false
webView.addObserver(self, forKeyPath: "loading", options: .New, context: nil)
webView.addObserver(self, forKeyPath: "estimatedProgress", options: .New, context: nil)
let url = NSURL(string:"http://www.appcoda.com")
let request = NSURLRequest(URL:url!)
webView.loadRequest(request)
}
}

Comment est votre principal storyboard? J'ai essayé avec ce code mais il vient de pages blanches.
WKWebView sont en programmant ajouté alors pour commencer, je vous suggère simplement d'ajouter une vue normale dans votre scénario et à ajouter les wkwebview instance en tant que sous-vue à la vue que vous avez ajouté dans la table de montage séquentiel. Mais pour les plus de façon optimale, vous pouvez utiliser l'init avec la fonction d'encadrement de la wkwebview et juste de saisir manuellement les x,y,largeur et hauteur params.
Purcell probablement vous avez besoin pour permettre à l'arbitraire de la charge de votre info.plist
Au lieu de laisser l'arbitraire des charges pour toutes les demandes, vous pouvez maintenant utiliser [NSAllowsArbitraryLoadsInWebContent] (developer.apple.com/library/archive/documentation/General/...)

OriginalL'auteur Andrés Quiroga

4

Vous devez emballer votre WebViewViewController à l'intérieur d'un UINavigationController. Et ajouter les éléments (bouton de retour, de rafraîchissement, de l'emplacement textfield) vous avez besoin à l'intérieur de la navigationBar.

Qui ressemblerait à ceci:
```
UINavigationController(rootViewController: WebViewViewController())
```
Exemple (mettez ce code dans votre AppDelegate):
```
self.window = UIWindow(frame: UIScreen.mainScreen().bounds)
self.window?.rootViewController = UINavigationController(rootViewController: WebViewViewController())
self.window?.makeKeyAndVisible()
```
Il y a aussi un tutoriel sur la façon de créer un iOS navigateur à l'aide de Webkit sur AppCoda.

Tutoriel:
http://www.appcoda.com/webkit-framework-intro/

Sur cette page, veuillez consulter le JFM commentaire - l'auteur de ce tutoriel fait quelques erreurs 🙂

Thaks vous, je prends une pause et trouvé ce tutoriel la nuit dernière et fonctionnent parfaitement... je vais coller mon code final avec le JFM commentaire observations :)....
Comment faire si WebViewController ins pas de racine?

OriginalL'auteur Devran Cosmo Uenal

override func viewDidLoad() {
super.viewDidLoad()
let screenSize: CGRect = UIScreen.main.bounds
let myView = UIView(frame: CGRect(x: 0, y: 72, width: screenSize.width, height: screenSize.height-72))
self.view.addSubview(myView)
let preferences = WKPreferences()
preferences.javaScriptEnabled = true
let configuration  = WKWebViewConfiguration()
configuration.preferences = preferences
webview = WKWebView(frame : myView.frame , configuration : configuration)
webview.navigationDelegate = self
view.addSubview(webview)
webview.load(URLRequest(url : URL (string: url!)!))
webview.allowsBackForwardNavigationGestures = true
}

J'ai de la conception de 72 px de la barre de navigation et WKWebView set point (x:0,y:72),WkWebView cadre est mavue limites

Pour aider les futurs développeurs... l'utilisation d'un décalage sur y sera trompé sur notch téléphones (iPhone X, XS, ...) vous devez utiliser la vue.safeAreaInsets.haut de tenir compte de l'encoche.

OriginalL'auteur Ugur Atci

Vous devez vous connecter pour publier un commentaire.