Ti.Gesture.addEventListener('orientationchange',function(e){
     // now do stuff... refresh etc..

    if(e.orientation == Titanium.UI.PORTRAIT 
       || e.orientation == Titanium.UI.UPSIDE_PORTRAIT){
        // Function that changes the left property of 
        // just about every item in the view
        app.config.rotatePortrait();
    }
    else if(e.orientation == Titanium.UI.LANDSCAPE_LEFT 
              || e.orientation == Titanium.UI.LANDSCAPE_RIGHT){
        app.config.rotateLandscape();
    }
    else{
        // Guess
        //app.config.rotatePortrait();
    }

});

2 Answers

• Hi,

  not sure about this one mate, currently my app is entirely made up of table views, so nothing changes on orientation change(yet).

  The only other object I have on the screen is the toolbar, I am using the flexible space button to keep this centered on the screen

  like so:

  var flex = Ti.UI.createButton({
  systemButton:Ti.UI.iPhone.SystemButton.FLEXIBLE_SPACE
  });
  var edit = Ti.UI.createButton({
  systemButton:Ti.UI.iPhone.SystemButton.EDIT
  });
  
  var toolbar = Ti.UI.createToolbar({
      items:[flex, edit, flex],
      top:0,
      opacity:0.5
  });    
  detailWindow.add(toolbar);
  

  I am currently building some elements that will be absolute positioned, so if i come up with anything ill let you know

  in terms of events in general though, I tend to put them inside the file they are effecting

• This might Help… it's working for me:

  function detectLayout(e){
   if(Titanium.Platform.displayCaps.platformWidth<Titanium.Platform.displayCaps.platformHeight){
    //is Portrait
   }else{
    //is Landscape
   }
  }
  detectLayout({orientation:Titanium.Gesture.orientation});
  Ti.Gesture.addEventListener('orientationchange',detectLayout);
  

  This is to avoid the unknown and face up/ face down modes….. basically if the width is higher than the height it is landscape…. if not then… guess!! :P
  Back to the roots!