How to simply handle orientation changes?

titanium appcelerator appcelerator-mobile
Dogweather picture Dogweather · Mar 16, 2011 · Viewed 14.2k times · Source

I'm not talking about doing anything fancy. I'd just like the standard windows and views to rotate when the user rotates the device.

Answer

Craig picture Craig · Mar 16, 2011

You need to tell the window which orientations it should support: 

var window = Ti.UI.createWindow({
    orientationModes: [
        Ti.UI.LANDSCAPE_LEFT,
        Ti.UI.LANDSCAPE_RIGHT,
        Ti.UI.PORTRAIT,
        Ti.UI.UPSIDE_PORTRAIT
    ]
});

window.open();

You can then listen on the orientation changes with a listener like so:

Ti.Gesture.addEventListener('orientationchange', function(e) {
    Titanium.API.info('Orientation changed');
});

Edit: I think (though I've never tried it) you can also set this in tiapp.xml, which has the added benefit of applying to all windows automatically.

<orientations device="iphone">
    <orientation>Ti.UI.LANDSCAPE_LEFT</orientation>
    <orientation>Ti.UI.LANDSCAPE_RIGHT</orientation>
    <orientation>Ti.UI.PORTRAIT</orientation>
    <orientation>Ti.UI.UPSIDE_PORTRAIT</orientation>
</orientations>

Related questions

What to do about "Finishing up a navigation transition in an unexpected state. Navigation Bar subview tree might get corrupted."

I'm writing an iPhone app using Appcelerator Titanium Mobile. I am hiding and showing the tab group based on what window has focus. dashWin.addEventListener("focus",function(e) { if (dashWin.tabGroupVisible == true) { dashWin.tabGroupVisible=false; tabGroup.animate({bottom:-50,duration:500}); } }); …

Read More
Xamarin vs Titanium Appcelerator?

I developed a Native Android App, now the requirement is that the developed app needs to be in a cross platform like Xamarin or Titanium Appcelerator, now please some Experts Software Engineers Suggest me that which cross platform should I …

Read More
How to Call a WebService in titanium using javascript

I am new to titanium and and want to call a web service from my titanium app. The webService returns the json response. As I am aware of calling the webService using XMLRPC but very confused regarding json. Until now, …

Read More