[TIMOB-12102] iOS: UI.iPhone.NavigationGroup animation broken when using barImage

GitHub Issue	n/a
Type	Bug
Priority	Medium
Status	Closed
Resolution	Fixed
Resolution Date	2015-01-27T18:11:02.000+0000
Affected Version/s	Release 2.1.4, Release 3.0.0, Release 3.1.0
Fix Version/s	Release 4.0.0
Components	iOS
Labels	community
Reporter	Federico Casali
Assignee	Vishal Duggal
Created	2012-12-14T17:36:50.000+0000
Updated	2015-03-18T22:57:31.000+0000

Description

Problem description

When using a custom barImage, the navigation bar contents of the new window do not animate in.

Steps to reproduce

Create a NavGroup with two windows and set the 'barImage' for at least the first displayed window. Result: when opening Window 2, the top title bar is not actually animating in. Instead it just appears with no animation.

var win1 = Titanium.UI.createWindow({
  backgroundColor: '#fff',
  barImage: 'images/navbar.png',   // set a barImage image here for Window 1
  title: 'Window 1'
});

var win2 = Titanium.UI.createWindow({
  backgroundColor: '#fff',
  barImage: 'images/navbar.png',    // set a barImage image here for Window 2
  title: 'Window 2'
});

var nav = Titanium.UI.iPhone.createNavigationGroup({
   window: win1
});

var button = Titanium.UI.createButton({
  title: 'Open Window 2',
  top: 40
});
win1.add(button);
button.addEventListener('click', function(event) {
  nav.open(win2);
});

var win = Titanium.UI.createWindow();
win.add(nav);
win.open();

Videos showing the two different behaviors: Without barImage: http://cl.ly/2e002Y2C040M Using barImage: http://cl.ly/012p2x320R1K

Comments

jithinpv 2013-03-25

Issue reproduces Tested with Titanium Studio, build: 3.0.1.201212181159 Titanium SDK version: 3.1.0 (03/11/13 15:43 0c88429) Titanium SDK version: 3.0.2 (02/07/13 16:46 a4def81) iOS iPhone Simulator: iOS SDK version: 6.0
Chris Rose 2013-10-05

This was fixed for 3.1.3, I can no longer reproduce it with 3.1.3.GA. Bug should be marked as fixed.
Vishal Duggal 2015-01-27

Fixed along with changes to TIMOB-16121

Eric Wieber 2015-03-18

As UI.iPhone.NavigationGroup has been removed in favor of UI.iOS.NavigationWindow, the test case has been changed to:

   var win1 = Titanium.UI.createWindow({
     backgroundColor: '#fff',
     barImage: 'images/navbar.png',   // set a barImage image here for Window 1
     title: 'Window 1'
   });
   
   var button = Titanium.UI.createButton({
     title: 'Open Window 2',
     top: 40
   });
   button.addEventListener('click', function(event) {
     nav.openWindow(win2);
   });
   
   win1.add(button);
    
   var win2 = Titanium.UI.createWindow({
     backgroundColor: '#fff',
     barImage: 'images/navbar.png',    // set a barImage image here for Window 2
     title: 'Window 2'
   });
    
   var nav = Titanium.UI.iOS.createNavigationWindow({
      window: win1
   });
   
   nav.open();

Eric Wieber 2015-03-18

Verified fixed using: Titanium SDK 4.0.0.v20150317234215 Studio 3.4.2.201502181619 CLI 3.4.2 Xcode 6.2 Node 0.12 Animations display correctly.

JSON Source