Progressbar WebView dans Swift

Je suis en train d'écrire une webapp en swift avec xcode.
J'ai une question: "Comment puis-je ajouter une progressbar qui me montre le chargement de chaque page?"

@IBOutlet var webView: UIWebView!
override func viewDidLoad() {
   super.viewDidLoad()
   let url = NSURL(string: "http://stackoverflow.com")
   let request = NSURLRequest(URL: url)
   webView.loadRequest(request)
}

(Désolé pour mon anglais)

InformationsquelleAutor Mirko Brombin | 2015-01-26
  1. 14

    Vous pouvez trouver une très bonne réponse dans ce post. Vous pouvez simplement ajouter une barre de progression comme une sous-vue pour votre webview. Le principal problème est la précision de la barre de progression. La réponse proposée est de commencer par l'anime sans cesse, de le bloquer à 95% lors de leur chargement et si votre demande est complète, fermeture-éclair tout le chemin à 100%.

    Voici une solution rapide:

    Ajouter ces propriétés:

    //Add this progress view via Interface Builder (IBOutlet) or programatically
let myProgressView: UIProgressView

var theBool: Bool
var myTimer: NSTimer

    Ces fonctions à remplir le progrès de la vue. Vous pouvez jouer avec les paramètres:

    func funcToCallWhenStartLoadingYourWebview() {
    self.myProgressView.progress = 0.0
    self.theBool = false
    self.myTimer = NSTimer.scheduledTimerWithTimeInterval(0.01667, target: self, selector: "timerCallback", userInfo: nil, repeats: true)
}

func funcToCallCalledWhenUIWebViewFinishesLoading() {
    self.theBool = true
}

func timerCallback() {
    if self.theBool {
        if self.myProgressView.progress >= 1 {
            self.myProgressView.hidden = true
            self.myTimer.invalidate()
        } else {
            self.myProgressView.progress += 0.1
        }
    } else {
        self.myProgressView.progress += 0.05
        if self.myProgressView.progress >= 0.95 {
            self.myProgressView.progress = 0.95
        }
    }
}
    • Merci pour la réponse, mais j'en ai besoin pour swift, comment je peux utiliser ce code avec mon swift-app?
    • Hey, j'ai ajouté un peu de code. Vous avez juste besoin d'ajouter le progressview de votre INTERFACE utilisateur.
    • Où je ajouter? var theBool: Booléen var myTimer: NSTimer si j'ajoute de ces de la classe ViewController j'obtiens l'erreur: classe ViewController n'ont pas d'initialiseur.
    • C'est parce que vous l'ajouter à une classe dont ils ont besoin pour être initialisé au moment de l'initialisation. var theBool: Bool = false var myTimer = NSTimer()
    • Merci, ça marche pour moi!
    • Une autre option, plutôt que de définir funcToCallCalledWhenUIWebViewFinishesLoading(), est de mettre en œuvre UIWebViewDelegate dans le contrôleur et remplacer le webViewDidFinishLoad fonction. Vous devrez également régler le délégué de la webview pour le contrôleur pour que cela fonctionne.

    InformationsquelleAutor Starscream
  2. 4
        var theBool: Bool
var myTimer: NSTimer
var didFinishTimer: NSTimer
required init(coder aDecoder: NSCoder) {
self.theBool = false
self.myTimer = NSTimer()
self.didFinishTimer = NSTimer()
super.init(coder: aDecoder)
}
func startAnimatingProgressBar() {
self.theBool = false
myProgressView.hidden = false
myProgressView.alpha = 0
UIView.animateWithDuration(0.2, animations: { () -> Void in
self.myProgressView.alpha = 0.6
})
self.myProgressView.progress = 0.0
//Tweek this number to alter the main speed of the progress bar
            var number = drand48() / 80;
//           println("startAnimatingProgressBar|\(number)")

self.myTimer = NSTimer.scheduledTimerWithTimeInterval(number, target: self, selector: "timerCallback", userInfo: nil, repeats: true)
//           println("myTimer|\(myTimer)")
    }
func finishAnimatingProgressBar() {
self.theBool = true
}
func timerCallback() {
if self.theBool {
if self.myProgressView.progress >= 1 {
UIView.animateWithDuration(0.2, animations: { () -> Void in
self.myProgressView.alpha = 0
//                   }, completion: { (success:Bool) -> Void in
//                       self.myProgressView.hidden = true
                })
self.myTimer.invalidate()
} else {
//Loaded and zoom to finish
                var number = drand48() / 40
//               println("finished:\(number)")

self.myProgressView.progress += Float(number)
}
} else {
//Start slow
            if self.myProgressView.progress >= 0.00 && self.myProgressView.progress <= 0.10 {
var number = drand48() / 8000;
//               println("Start:\(number)")

self.myProgressView.progress += Float(number)
//Middle speed up a bit
            } else if self.myProgressView.progress >= 0.10 && self.myProgressView.progress <= 0.42 {
var smallerNumber = drand48() / 2000;
self.myProgressView.progress += Float(smallerNumber)
//               println("Middle:\(smallerNumber)")

//slow it down again
            } else if myProgressView.progress >= 0.42 && self.myProgressView.progress <= 0.80 {
var superSmallNumber = drand48() / 8000;
self.myProgressView.progress += Float(superSmallNumber)
//               println("slow it down:\(superSmallNumber)")

//Stop it
            } else if myProgressView.progress == 0.80 {
println("Stop:\(myProgressView.progress)")
self.myProgressView.progress = 0.80
}
}
}
var webViewLoads = 0
var webViewDidStart:Int = 0
var webViewDidFinish:Int = 0
func webViewDidStartLoad(webView: UIWebView) {
webViewDidStart++
webViewLoads++
if webViewLoads <= 1 {
startAnimatingProgressBar()
}
println("webViewDidStartNumber: = \(webViewDidStart)")
println("webViewLoadsStart: = \(webViewLoads)")
//   println("webViewDidStartLoad")

UIApplication.sharedApplication().networkActivityIndicatorVisible = true
updateToolbarItems()
}
func webViewDidFinishLoad(webView: UIWebView) {
webViewLoads--
webViewDidFinish++
println("webViewDidFinishLoad \(webViewDidFinish)")
if webViewLoads == 0 {
finishAnimatingProgressBar()
//       println("webViewLoads \(webViewLoads)")
        return
}
getWebsiteInfo()
UIApplication.sharedApplication().networkActivityIndicatorVisible = false
updateToolbarItems()
func webView(webView: UIWebView, didFailLoadWithError error: NSError) {
theBool = true
webViewLoads = 0
UIApplication.sharedApplication().networkActivityIndicatorVisible = false
println("didFailLoadWithError")
updateToolbarItems()
}

    M'a pris âge de comprendre comment faire pour déterminer si un site web est complètement chargé et animer la barre de progression selon... après quelques hardcore googler c'est le mieux que je pouvais venir. beaucoup de gens disent beaucoup de choses en plus de ça ne m'aide pas.... ajouter et améliorer s'il vous plaît laissez-moi savoir si vous trouver quelque chose de mieux.

    • Il fonctionne! 😀 merci
    • c'est le plus précis
    • En fait le chemin à parcourir est WKWebKit ou WKWebView (ne me souviens plus le nom exact )ou SafariViewController. Moi un Message si vous avez besoin d'aide avec la barre de progression.
    InformationsquelleAutor alemac852
  3. 4

    Je suis en utilisant ce et semble bon.

    @IBOutlet var webView: UIWebView!
@IBOutlet var progressView: UIProgressView!
override func viewDidLoad() {
super.viewDidLoad()
let url = NSURL(string: "http://stackoverflow.com")
let request = NSURLRequest(URL: url)
webView.loadRequest(request)
webView.delegate=self
}
func webViewDidStartLoad(_ webView: UIWebView) {
self.progressView.setProgress(0.1, animated: false)
}
func webViewDidFinishLoad(_ webView: UIWebView) {
self.progressView.setProgress(1.0, animated: true)
}
func webView(_ webView: UIWebView, didFailLoadWithError error: NSError?) {
self.progressView.setProgress(1.0, animated: true)
}
    InformationsquelleAutor nfinfu
  4. 0

    Pourquoi ne pas utiliser

    loadRequest(_ request: URLRequest, progress: ((UInt, Int64, Int64) -> Swift.Void)?, success: ((HTTPURLResponse, String) -> String)?, failure: ((Error) -> Swift.Void)? = nil)

    InformationsquelleAutor Ram