WKWebView Geschätzter Fortschritt

Ich bin versucht zu implementieren Estimated Progress in meinem WKWebView aber kann nicht scheinen, um es herauszufinden. Können Sie mir helfen?

Hier ist was ich habe:

self.view = self.webView;

NSURL *url = [NSURL URLWithString:stringWeb];
NSURLRequest *request = [NSURLRequest requestWithURL:url];

WKWebViewConfiguration *configuration = [[WKWebViewConfiguration alloc] init];

self.webView = [[WKWebView alloc] initWithFrame:self.view.frame configuration:configuration];

[self.webView loadRequest:request];

Sehe ich diese Antwort bekommt es ein bisschen, aber das ist für ein spinner: UIWebView mit Fortschrittsbalken

- Und Apple-Dokumente, die irgendeine Art von estimatedProgress (ich gehe davon aus, dass Ihr die dünne Blaue Balken rechts unten die Navigationsleiste, die zeigt, dass Fortschritte wie in Safari), aber ich sehe nicht, in der Regel, wie das umgesetzt würde: https://developer.apple.com/library/ios/documentation/WebKit/Reference/WKWebView_Ref/#//apple_ref/occ/instp/WKWebView/estimatedProgress

So, ich bin hier hängengeblieben. Jede Hilfe würde geschätzt, danke!

UPDATE: Dies ist, was ich jetzt haben. Immer ein Absturz, weil es sieht aus wie mein Fortschritt Anzeigen und WKWebView sind, laden Sie zweimal, und ich bin nicht sicher, warum das wäre. Die Fehlermeldung erhalten, dass der Beobachter, der entfernt werden muss. Hier mein code, wie es steht-

ViewController.h

@interface WebPageViewController : UIViewController <UIWebViewDelegate>
@property (strong, nonatomic) NSString *stringMobile;
@property (strong, nonatomic) NSString *stringWeb;
@property (strong, nonatomic) IBOutlet UIView *view;
@property (nonatomic, strong) WKWebView *webView;
@property (nonatomic) UIProgressView *progressView;

ViewController.m

- (void)viewDidLoad
{
    [super viewDidLoad];
    //Do any additional setup after loading the view.

    self.webView = [[WKWebView alloc] initWithFrame:self.view.bounds];
    [self.view addSubview:self.webView];

    [self.webView addObserver:self forKeyPath:@"estimatedProgress" options:NSKeyValueObservingOptionNew context:NULL];

    self.progressView = [[UIProgressView alloc] initWithProgressViewStyle:UIProgressViewStyleDefault];
    self.progressView.center = self.view.center;
    [self.view addSubview:self.progressView];

    NSURLRequest *URLRequest = [[NSURLRequest alloc] initWithURL:[NSURL URLWithString:stringWeb]];
    [self.webView loadRequest:URLRequest];


}

- (void)dealloc {
    [self.webView removeObserver:self forKeyPath:@"estimatedProgress"];

    //if you have set either WKWebView delegate also set these to nil here
    [self.webView setNavigationDelegate:nil];
    [self.webView setUIDelegate:nil];
}

- (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary *)change context:(void *)context {
    if ([keyPath isEqualToString:@"estimatedProgress"] && object == self.webView) {
        [self.progressView setAlpha:1.0f];
        [self.progressView setProgress:self.webView.estimatedProgress animated:YES];

        if(self.webView.estimatedProgress >= 1.0f) {
            [UIView animateWithDuration:0.3 delay:0.3 options:UIViewAnimationOptionCurveEaseOut animations:^{
                [self.progressView setAlpha:0.0f];
            } completion:^(BOOL finished) {
                [self.progressView setProgress:0.0f animated:NO];
            }];
        }
    }
    else {
        [super observeValueForKeyPath:keyPath ofObject:object change:change context:context];
    }
}

UPDATE: Mit dem CocoaPods dies ist, was ich habe, aber zeigt seine zwei Ansichten, anstatt nur einer webview

- (void)viewDidLoad {
    [super viewDidLoad];
    NSURL *myURL = [NSURL URLWithString: [self.url stringByAddingPercentEscapesUsingEncoding:
                                          NSUTF8StringEncoding]];
    NSURLRequest *request = [NSURLRequest requestWithURL:myURL];
    //[self.webView loadRequest:request];

    //KIN
    //Deleted UIWebView in Storyboard
    KINWebBrowserViewController *webBrowser = [[KINWebBrowserViewController alloc] init];
    [self.navigationController pushViewController:webBrowser animated:YES];
    [webBrowser loadURL:myURL];
}

InformationsquelleAutor der Frage Realinstomp | 2014-10-05

Überprüfen KINWebBrowser auf GitHub zu sehen, eine vollständige Umsetzung der Lösung unten.

Wenn Sie genau hinsehen, um die Dokumentation für die estimatedProgress Eigenschaft von WKWebView dass Sie im Zusammenhang mit Sie werden sehen:

The WKWebView class is key-value observing (KVO) compliant for this property.

Dies bedeutet, dass Sie einstellen können, key-value observing auf die estimatedProgress - Eigenschaft, um den Wandel zu beobachten, ist es Wert. Aus der observeValueForKeyPath Methode können Sie aktualisieren Sie Ihre UI.

Den KVO-Entwurfsmuster in Cocoa ist ziemlich chaotisch. Überprüfen Sie heraus dieses hervorragende NSHipster Artikel über die besten Praktiken der Key-Value-Observing.

Hier ist der KVO-Umsetzung für estimatedProgress auf WKWebView:

Von Ihrem UIViewController richten Sie Ihre WKWebView und fügen Sie selbst als Beobachter estimatedProgress

    self.webView = [[WKWebView alloc] initWithFrame:self.view.bounds];
    [self.view addSubview:self.webView];

    [self.webView addObserver:self forKeyPath:NSStringFromSelector(@selector(estimatedProgress)) options:NSKeyValueObservingOptionNew context:NULL];

In der gleichen UIViewController richten Sie Ihre observeValueForKeyPath Methode heraus zu filtern, die estimatedProgress Eigenschaft von webView. Sie können dann auf die estimatedProgress Wert direkt und aktualisieren Sie Ihre Benutzeroberfläche entsprechend.

- (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary *)change context:(void *)context {
    if ([keyPath isEqualToString:NSStringFromSelector(@selector(estimatedProgress))] && object == self.webView) {
        NSLog(@"%f", self.webView.estimatedProgress);
        //estimatedProgress is a value from 0.0 to 1.0
        //Update your UI here accordingly
    }
    else {
        //Make sure to call the superclass's implementation in the else block in case it is also implementing KVO
        [super observeValueForKeyPath:keyPath ofObject:object change:change context:context];
    }
}

Stellen Sie sicher, entfernen Sie KVO aus der UIViewController in der dealloc-Methode der UIViewController. Es ist wichtig zu prüfen, ob isViewLoaded zu vermeiden, ein Absturz, wenn der Betrachter nicht bereits Hinzugefügt wurde.

- (void)dealloc {

    if ([self isViewLoaded]) {
        [self.wkWebView removeObserver:self forKeyPath:NSStringFromSelector(@selector(estimatedProgress))];
    }

    //if you have set either WKWebView delegate also set these to nil here
    [self.wkWebView setNavigationDelegate:nil];
    [self.wkWebView setUIDelegate:nil];
}

Um dies in Aktion zu sehen, die auf einige große Dateien laden, ein riesiges Bild-Datei von diesem süßen galaxy. (Diese Datei ist 35 MB. Stellen Sie sicher, dass Sie auf WiFi!)

    NSURLRequest *URLRequest = [[NSURLRequest alloc] initWithURL:[NSURL URLWithString:@"http://www.spacetelescope.org/static/archives/images/large/opo0328a.jpg"]];
    [self.webView loadRequest:URLRequest];

Wenn Sie eine UIProgressView Sie erreichen können, eine safari wie fade-out-Effekt mit diesem code:

- (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary *)change context:(void *)context {
    if ([keyPath isEqualToString:NSStringFromSelector(@selector(estimatedProgress))] && object == self.wkWebView) {
        [self.progressView setAlpha:1.0f];
        [self.progressView setProgress:self.wkWebView.estimatedProgress animated:YES];

        if(self.wkWebView.estimatedProgress >= 1.0f) {
            [UIView animateWithDuration:0.3 delay:0.3 options:UIViewAnimationOptionCurveEaseOut animations:^{
                [self.progressView setAlpha:0.0f];
            } completion:^(BOOL finished) {
                [self.progressView setProgress:0.0f animated:NO];
            }];
        }
    }
    else {
        [super observeValueForKeyPath:keyPath ofObject:object change:change context:context];
    }
}

InformationsquelleAutor der Antwort dfmuir

Swift-wie:

@IBOutlet weak var progressView: UIProgressView!

//...

func viewDidLoad() {
    webView.addObserver(self, forKeyPath: "estimatedProgress", options: .New, context: nil) //add observer for key path
}

//...

override func observeValueForKeyPath(keyPath: String, ofObject object: AnyObject, change: [NSObject : AnyObject], context: UnsafeMutablePointer<Void>) {
    if (keyPath == "estimatedProgress") { //listen to changes and updated view
        progressView.hidden = webView.estimatedProgress == 1
        progressView.setProgress(Float(webView.estimatedProgress), animated: true)
    }
}

Swift 3-update:

//Add Observer in viewDidLoad
webView.addObserver(self, forKeyPath: "estimatedProgress", options: .new, context: nil)


override func observeValue(forKeyPath keyPath: String?, of object: Any?, change: [NSKeyValueChangeKey : Any]?, context: UnsafeMutableRawPointer?) 
{
        if (keyPath == "estimatedProgress") { //listen to changes and updated view
            progress.isHidden = webView.estimatedProgress == 1
            progress.setProgress(Float(webView.estimatedProgress), animated: false)
        }
}


Also please make sure to implement "WKNavigationDelegate" and add webview reference navigationDelegate to self like below

webView.navigationDelegate=self

InformationsquelleAutor der Antwort Array

Swift 3.2 und höher:

private var progressKVOhandle: NSKeyValueObservation?
@IBOutlet weak var progressView: UIProgressView!
//...

override func viewDidLoad() {
    super.viewDidLoad()

    //...

    progressKVOhandle = webView.observe(\.estimatedProgress) { [weak self] (object, _) in
        self?.progressView.setProgress(Float(object.estimatedProgress), animated: true)
    }
}

InformationsquelleAutor der Antwort Vitalii

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.