iPhone UIWebView Breite passt nicht nach Zoom Funktion + UIInterfaceOrientation ändern

Ich etwas gefunden, das für mich gearbeitet. Das problem ist, dass wenn uiwebview seine Ausrichtung ändert web-Inhalte sind zoommed anpassen viewport. Aber zoomscale parameter der scrollview Untersicht wird nicht korrekt aktualisiert (noch aktualisiert werden minimumZoomScale noch maximumZoomScale

Dann müssen wir es manuell zu tun zu willRotateToInterfaceOrientation:

- (void)willRotateToInterfaceOrientation:(UIInterfaceOrientation)toInterfaceOrientation duration:(NSTimeInterval)duration {
    CGFloat ratioAspect = webview.bounds.size.width/webview.bounds.size.height;
    switch (toInterfaceOrientation) {
        case UIInterfaceOrientationPortraitUpsideDown:
        case UIInterfaceOrientationPortrait:
            //Going to Portrait mode
            for (UIScrollView *scroll in [webview subviews]) { //we get the scrollview 
                //Make sure it really is a scroll view and reset the zoom scale.
                if ([scroll respondsToSelector:@selector(setZoomScale:)]){
                    scroll.minimumZoomScale = scroll.minimumZoomScale/ratioAspect;
                    scroll.maximumZoomScale = scroll.maximumZoomScale/ratioAspect;
                    [scroll setZoomScale:(scroll.zoomScale/ratioAspect) animated:YES];
                }
            }
            break;
        default:
            //Going to Landscape mode
            for (UIScrollView *scroll in [webview subviews]) { //we get the scrollview 
                //Make sure it really is a scroll view and reset the zoom scale.
                if ([scroll respondsToSelector:@selector(setZoomScale:)]){
                    scroll.minimumZoomScale = scroll.minimumZoomScale *ratioAspect;
                    scroll.maximumZoomScale = scroll.maximumZoomScale *ratioAspect;
                    [scroll setZoomScale:(scroll.zoomScale*ratioAspect) animated:YES];
                }
            }
            break;
    }
}

Hoffe, das hilft!

InformationsquelleAutor der Antwort M Penades

- (UIScrollView *)findScrollViewInsideView:(UIView *)view
{
    for(UIView *subview in view.subviews){
        if([subview isKindOfClass:[UIScrollView class]]){
            return (UIScrollView *)subview;
        }

        UIScrollView *foundScrollView = [self findScrollViewInsideView:subview];
        if (foundScrollView){
            return foundScrollView;
        }
    }

    return nil;
}

- (void)didRotateFromInterfaceOrientation:(UIInterfaceOrientation)fromInterfaceOrientation
{
    switch (self.interfaceOrientation){
        case UIInterfaceOrientationLandscapeLeft:
        case UIInterfaceOrientationLandscapeRight:
        {
            UIScrollView *webViewScrollView = ([self.webView respondsToSelector:@selector(scrollView)])
                ? self.webView.scrollView
                : [self findScrollViewInsideView:self.webView];

            [webViewScrollView setZoomScale:1.01f animated:YES];
        }
            break;

        default:
            break;
    }
}

versuchen, diesen code, es wurde nur unwesentlich ändert die Zoomstufe (1.01) zu ermöglichen UIWebView Erhöhung der Größe des Inhalts im landscape-Modus

findScrollViewInsideView: Methode Hinzugefügt, die Unterstützung für ios4

InformationsquelleAutor der Antwort storoj

Habe ich eine Lösung für dieses problem, aber ich muss sagen, ich bin kein großer fan von ihm. Es funktioniert Super, aber die Lösung tatsächlich verursacht ein anderes problem. Ich habe eine Lösung für das sekundäre Problem, aber es dauert ein bisschen Mühe.

Nur im Hinterkopf behalten, dass seit OS3.2 oder iOS4 (nicht sicher welche) UIWebView ist die direkte Untersicht ist jetzt UIScrollView statt UIScroller, so können wir viel mehr tun. Auch, da der Zugriff auf Unteransichten einer Ansicht ist nicht eine private Aktion, die weder über eine Untersicht, angeheuert als dokumentiert, können wir eine Menge tun, mit der UIWebView, ohne zu brechen die Regeln.

Zuerst müssen wir die UIScrollView aus der UIWebview:

UIScrollView *sview = [[webView subviews] objectAtIndex:0];

Nun müssen wir ändern den Delegierten dieses scrollview so können wir überschreiben scrollview Anrufe (das kann tatsächlich die Ursache für einen sekundären Fehler als Ergebnis dieser Lösung, die ich teilen werde, in einem moment):

sview.delegate = self;

Nun, wenn Sie versuchen, es an diesem Punkt, wird der Zoom ist kaputt. Wir implementieren müssen, um eine UIScrollViewDelegate Methode, um es zu beheben. hinzufügen:

- (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView {
    UIView *webBrowserView = [[scrollView subviews] objectAtIndex:10];
    return webBrowserView;
}

webBrowserView ist eigentlich ein UIWebBrowserView, aber das ist nicht dokumentiert, Klasse, also sind wir nur gehen, um es zu behandeln, als ein UIView.

Nun führen Sie Ihre app aus, die Sie vergrößern und dann verkleinern der Webseite. Drehen, und es sollte richtig angezeigt werden.

Dieser bewirkt, dass ein ziemlich großer bug, das ist vielleicht noch schlimmer als das original.

Wenn Sie zoom-in und dann drehen Sie Sie Locker scrolling-Fähigkeit, aber Ihre Ansicht gezoomt werden noch. Hier ist der fix Für die ganze Sache.

Zuerst müssen wir verfolgen ein paar zahlen, und haben ein flag definiert:

Ich habe diese Definition in meinem h-Datei:

BOOL updateZoomData;
float zoomData; //this holds the scale at which we are zoomed in, scrollView.zoomScale
CGPoint zoomOffset; //this holds the scrollView.contentOffset
CGSize zoomContentSize; //this holds the scrollView.contentSize

Können Sie denken, Sie können nur greifen diese zahlen von UIScrollView, aber wenn Sie Sie brauchen, die Sie geändert haben, so müssen wir Sie an anderer Stelle gespeichert.

Brauchen wir eine weitere delegate-Methode:

- (void)scrollViewDidZoom:(UIScrollView *)scrollView{
    if(updateZoomData){
        zoomData = scrollView.zoomScale;
        zoomOffset = scrollView.contentOffset;
        zoomContentSize = scrollView.contentSize;
    }
}

Nun wird es in einen Schlamassel ich mich fühle.

Wir brauchen, um zu verfolgen rotation, so müssen Sie dies Ihrer viewDidLoad, loadView oder was auch immer Methode, die Sie verwenden, um zu registrieren, Benachrichtigungen:

[[NSNotificationCenter defaultCenter] addObserver:self 
            selector:@selector(webViewOrientationChanged:) 
            name:UIDeviceOrientationDidChangeNotification 
            object:nil];

und erstellen Sie diese Methode:

- (void)webViewOrientationChanged:(NSNotification *)notification{
    updateZoomData = NO;
    [self performSelector:@selector(adjustWithZoomData) withObject:nil afterDelay:0.0];
}

So jetzt jedes mal, wenn Sie drehen webViewOrientationChange aufgerufen werden. Der Grund performSelector verzögert 0,0 Sekunden wird, weil wir möchten, rufen Sie adjustWithZoomData auf der nächsten runloop. Wenn Sie direkt aufrufen, die adjustWithZoomData wird die Einstellung für die Vorherige Ausrichtung.

Hier ist die adjustWithZoomData Methode:

- (void)adjustWithZoomData{
    UIScrollView *sview = [[webView subviews] objectAtIndex:0];
    [sview setZoomScale:zoomData animated:YES];
    [sview setContentOffset:zoomOffset animated:YES]; 
    [sview setContentSize:zoomContentSize];
    updateZoomData = YES;
}

Thats it! Nun, wenn Sie drehen Sie es pflegen zoom, und etwa die Aufrechterhaltung des korrekten offset. Wenn jemand will, um die Mathematik zu tun, wie man das exakt die richtige offset dann gehen Sie für es!

InformationsquelleAutor der Antwort maxpower

Also anscheinend habe ich die Lösung von M Penades am Ende (und vergessen diesen Beitrag zu aktualisieren! sorry).

Was ich Tat, war, um die Größe des gesamten Dokuments (und meine schriftart,-Größe, um die Dinge in angemessenem Umfang). Scheinbar wurde das Problem behoben.

Aber, meine UIWebView ist nur für das laden von meinen eigenen HTML & CSS aus dem iOS-Dateisystem - wenn Sie ein Allzweck-web-browser, dieser trick funktioniert möglicherweise nicht als auch.

ViewController.m

- (void)willRotateToInterfaceOrientation:(UIInterfaceOrientation)toInterfaceOrientation duration:(NSTimeInterval)duration {
    switch (toInterfaceOrientation) {
        case UIInterfaceOrientationPortraitUpsideDown:
        case UIInterfaceOrientationPortrait:
            if ((UI_USER_INTERFACE_IDIOM() == UIUserInterfaceIdiomPad)) {
                [webview stringByEvaluatingJavaScriptFromString:@"document.body.className = 'ppad'"];
            } else {
                [webview stringByEvaluatingJavaScriptFromString:@"document.body.className = 'pphone'"];
            }
            break;
        default:
            if ((UI_USER_INTERFACE_IDIOM() == UIUserInterfaceIdiomPad)) {
                [webview stringByEvaluatingJavaScriptFromString:@"document.body.className = 'lpad'"];
            } else {
                [webview stringByEvaluatingJavaScriptFromString:@"document.body.className = 'lphone'"];
            }
            break;
    }
}

Und app.css

html>body.pphone { font-size:12px; width: 980px; }
html>body.lphone { font-size:18px; width: 1470px; }
html>body.ppad { font-size:12px; width: 768px; }
html>body.lpad { font-size:15.99999996px; width: 1024px; }

Gist bei https://gist.github.com/d6589584944685909ae5

InformationsquelleAutor der Antwort choonkeat