onOrientationChange event is not being handled properly on ip* devices by uiwebview

[wingfeng]

Hi lieselbr,

yes you have to do this in the ViewController from your UIWebView, in the didRotateFromInterfaceOrientation function.

- (void)didRotateFromInterfaceOrientation:(UIInterfaceOrientation)fromInterfaceOrientation 
{
        [yourWebview stringByEvaluatingJavaScriptFromString:@"var e = document.createEvent('Events'); e.initEvent('orientationchange', true, false); document.dispatchEvent(e); "];    
}

that works, but in my tests is very slow. I don`t know its my app, i will test it.

greetz

milo

It didn't work in sencha 1.0.1a and iOS 4.2.1 UIWebView

[RandyMcMillan]

/*
* PhoneGap is available under *either* the terms of the modified BSD license *or* the
* MIT License (2008). See http://opensource.org/licenses/alphabetical for full text.
*
* Copyright (c) 2005-2010, Nitobi Software Inc.
*/


#import "PhoneGapViewController.h"
#import "PhoneGapDelegate.h"

@implementation PhoneGapViewController

@synthesize supportedOrientations, webView;

- (id) init
{
if (self = [super init]) {
// do other init here
}

return self;
}


- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation) interfaceOrientation
{
BOOL autoRotate = [self.supportedOrientations count] > 1; // autorotate if only more than 1 orientation supported
if (autoRotate)
{
if ([self.supportedOrientations containsObject:
[NSNumber numberWithInt:interfaceOrientation]]) {
return YES;
}
}

return NO;
}

/**
Called by UIKit when the device starts to rotate to a new orientation. This fires the \c setOrientation
method on the Orientation object in JavaScript. Look at the JavaScript documentation for more information.
*/
- (void)willRotateToInterfaceOrientation: (UIInterfaceOrientation)toInterfaceOrientation duration: (NSTimeInterval)duration {
double i = 0;
switch (toInterfaceOrientation){
case UIInterfaceOrientationPortrait:
i = 0;
break;
case UIInterfaceOrientationPortraitUpsideDown:
i = 180;
break;
case UIInterfaceOrientationLandscapeLeft:
i = 90;
break;
case UIInterfaceOrientationLandscapeRight:
i = -90;
break;
}
[webView stringByEvaluatingJavaScriptFromString:[NSString stringWithFormat:@"navigator.orientation.setOrientation(%f);", i]];

////// trigger orientationchange inUIWebView for SenchaTouch
[webView stringByEvaluatingJavaScriptFromString:@"var e = document.createEvent('Events'); e.initEvent('orientationchange', true, false); document.dispatchEvent(e); "];


}

- (void) setWebView:(UIWebView*) theWebView {
webView = theWebView;
}

@end

[wingfeng]

Thanks it works!

[rdp]

Sorry, but I can't setup this code in my project, maybe 'cause I don't know objective-c?

I received an error because supportedOrientations e webView are not defined. Where I must define them? And what type are these vars?

thanks

[danmux]

There has been a fix committed for this in github...

https://github.com/phonegap/phonegap...comment-348170

but it does not quite work because it only calls window.onorientationchange() and does not create the event as above

[trkaky]

Thanks for the code partly solved my problem but Ext.Viewport.orientation always returns 'Portrait' even if its not.

Any idea?

Thanks

[trkaky]

Solved

- (void)willRotateToInterfaceOrientation:(UIInterfaceOrientation)toInterfaceOrientation duration:(NSTimeInterval)duration{
    switch (toInterfaceOrientation)
    {
        case UIDeviceOrientationPortrait:
            [webView stringByEvaluatingJavaScriptFromString:@"window.__defineGetter__('orientation',function(){return 0;});window.onorientationchange();"];
            break;
        case UIDeviceOrientationLandscapeLeft:
            [webView stringByEvaluatingJavaScriptFromString:@"window.__defineGetter__('orientation',function(){return 90;});window.onorientationchange();"];
            break;
        case UIDeviceOrientationLandscapeRight:
            [webView stringByEvaluatingJavaScriptFromString:@"window.__defineGetter__('orientation',function(){return -90;});window.onorientationchange();"];
            break;
        case UIDeviceOrientationPortraitUpsideDown:
            [webView stringByEvaluatingJavaScriptFromString:@"window.__defineGetter__('orientation',function(){return 180;});window.onorientationchange();"];
            break;
        default:
            break;
    }
}