Bug 22791 - Transition between ContentPage and TabbedPage in both directions not smooth
Summary: Transition between ContentPage and TabbedPage in both directions not smooth
Status: RESOLVED FIXED
Alias: None
Product: Forms
Classification: Xamarin
Component: Android ()
Version: 1.2.3
Hardware: PC Mac OS
: Normal normal
Target Milestone: ---
Assignee: Bugzilla
URL:
Depends on:
Blocks:
 
Reported: 2014-09-09 14:27 UTC by Dominic N [MSFT]
Modified: 2016-03-16 12:35 UTC (History)
7 users (show)

Tags: ac ngf
Is this bug a regression?: ---
Last known good build:

Notice (2018-05-24): bugzilla.xamarin.com is now in read-only mode.

Please join us on Visual Studio Developer Community and in the Xamarin and Mono organizations on GitHub to continue tracking issues. Bugzilla will remain available for reference in read-only mode. We will continue to work on open Bugzilla bugs, copy them to the new locations as needed for follow-up, and add the new items under Related Links.

Our sincere thanks to everyone who has contributed on this bug tracker over the years. Thanks also for your understanding as we make these adjustments and improvements for the future.


Please create a new report on Developer Community or GitHub with your current version information, steps to reproduce, and relevant error messages or log files if you are hitting an issue that looks similar to this resolved bug and you do not yet see a matching new report.

Related Links:
Status:
RESOLVED FIXED

Description Dominic N [MSFT] 2014-09-09 14:27:17 UTC
There is an issue when switching between a ContentPage and a TabbedPage in either direction. The transition is not smooth because the tabs do not show up/disappear simultaneously with the screen change. Rather, it seems like a two step process so the end result is a jerky looking interface.

## Steps to Reproduce:

1. Create a new Xamarin.Android project with a ContentPage and a TabbedPage that feed into one another. 

2. Run the project.

3. Switch from the ContentPage to the TabbedPage and back again.


## Actual Results:

The tabs on the TabbedPage show up after the rest of the content when switching from the ContentPage causing a jerky motion. The reverse is also true, i.e., the contents of the ContentPage show up before the tabs are removed, again causing a jerky transition.

## Expected Results:

The transition between both pages should be smooth like a native platform app and not jerky as described.
Comment 2 Dominic N [MSFT] 2014-09-09 14:37:23 UTC
This has also come up in the forums. See: http://forums.xamarin.com/discussion/21402/difference-xamarin-forms-and-native-controls-listview-and-tabbedpage
Comment 3 Rajneesh Kumar 2014-09-11 06:35:21 UTC
I have checked this issue and able to reproduce reported behavior "Transition between ContentPage and TabbedPage in both directions not smooth". I'll need confirmation from the developer if this is a bug. Leaving as NEW for now.

To reproduce this I have followed the steps and help provided in bug description.

Steps I followed:

1. Create a Xamarin.Forms project with a ContentPage
2. CreateTabbedPage 
4. Navigate page from ContentPage to TabbedPage
3. Set "Android" as startup project, Run the project.
4. Switch from the ContentPage to the TabbedPage and back again.

I observed that the application on "Simulator" is working smoothly, and on "Emulator" when we switch from ContentPage to TabbedPage it seems like a small two step process so the view feel like a jerky looking interface.

Let me know If you are facing the same experience as shown in screencast, if not then let me know what I am missing to reproduce this.

Additional Information:(Android) Getting same behavior on Emulator and device.

Screencast: http://www.screencast.com/t/sUSzdqcm6dHW

Environment Info:

=== Xamarin Studio ===

Version 5.3 (build 441)
Installation UUID: 011d70a5-dede-428b-ab04-ef451c2e539d
Runtime:
	Mono 3.8.0 ((no/45d0ba1)
	GTK+ 2.24.23 (Raleigh theme)

	Package version: 308000009

=== Apple Developer Tools ===

Xcode 5.1.1 (5085)
Build 5B1008

=== Xamarin.iOS ===

Version: 7.4.0.108 (Enterprise Edition)
Hash: 77efa3f
Branch: 
Build date: 2014-08-26 07:59:55-0400

=== Xamarin.Android ===

Version: 4.16.0 (Enterprise Edition)
Android SDK: /Users/MM/Desktop/android-sdk-macosx
	Supported Android versions:
		2.1    (API level 7)
		2.2    (API level 8)
		2.3    (API level 10)
		3.1    (API level 12)
		3.2    (API level 13)
		4.0    (API level 14)
		4.0.3  (API level 15)
		4.1    (API level 16)
		4.2    (API level 17)
		4.3    (API level 18)
		4.4    (API level 19)
		4.4.87 (API level 20)
		4.5    (API level 21)
Java SDK: /usr
java version "1.7.0_65"
Java(TM) SE Runtime Environment (build 1.7.0_65-b17)
Java HotSpot(TM) 64-Bit Server VM (build 24.65-b04, mixed mode)

=== Xamarin.Mac ===

Version: 1.10.0.10 (Enterprise Edition)

=== Build Information ===

Release ID: 503000441
Git revision: befb6aa1176d37a5f678f4274f340a0159091b7a
Build date: 2014-09-08 17:57:02-04
Xamarin addins: 6dc7c388e31fdfc8014689839d37de0d4622435c

=== Operating System ===

Mac OS X 10.9.4
Darwin MacMini.local 13.3.0 Darwin Kernel Version 13.3.0
    Tue Jun  3 21:27:35 PDT 2014
    root:xnu-2422.110.17~1/RELEASE_X86_64 x86_64
Comment 4 christoph.rehmann 2014-09-11 07:14:00 UTC
The application is only working smoothly when there is not much of content on the pages (especially ListView controls). 
When I contacted the support, I also provided a sample project: 

https://www.plaintray.com/download/6927/spQLicu2b8Xus4Seru2B/TabbedPage_Test.zip

This sample demonstrates the jerky animation:
1. Open the application on a device or simulator
2. Click on a ListView item
3. A TabbedPage will appear and after the transition animation is finished, the tabs will appear with a delay.
4. Go to the tab "WORKLOGS"
5. Tap the "+" icon in the navigation bar
6. A new content page will appear and the tabs of the TabbedPage will disappear with a delay.

The delay is very noticeable and in my opinion a bug.
Do not hesitate to contact me if you need further instructions to reproduce this issue.
Thank you.
Comment 5 Rajneesh Kumar 2014-09-11 09:32:23 UTC
As per comment 4.

I have checked this issue again and now able to reproduce this. To reproduce this I have followed the attached sample project and steps provided in Comment 4.

Note: Getting blank white screen as output on running the iOS project on "Device" and "Simulator", and able to run Android project on both device and emulator successfully. So I am getting confirmed  issue in android. 

Steps I have followed:
1. Open attached sample application in XS
2. Set android as startup project and run it on emulator
3. Click on a ListView item
4. A TabbedPage will appear and after the transition animation is finished, observed that the
tabs will appear with a delay.
5. Click on  the tab "WORKLOGS"
6. A new content page will appear and observe that the tabs of the TabbedPage will disappear with a delay.

I observed that after appearing content page  and the tabs of the TabbedPage will disappeared with a delay.

Screencast: http://www.screencast.com/t/mwGdyRMhx1H

Environment Info:

=== Xamarin Studio ===

Version 5.3 (build 441)
Installation UUID: 011d70a5-dede-428b-ab04-ef451c2e539d
Runtime:
	Mono 3.8.0 ((no/45d0ba1)
	GTK+ 2.24.23 (Raleigh theme)

	Package version: 308000009

=== Apple Developer Tools ===

Xcode 5.1.1 (5085)
Build 5B1008

=== Xamarin.iOS ===

Version: 7.4.0.108 (Enterprise Edition)
Hash: 77efa3f
Branch: 
Build date: 2014-08-26 07:59:55-0400

=== Xamarin.Android ===

Version: 4.16.0 (Enterprise Edition)
Android SDK: /Users/MM/Desktop/android-sdk-macosx
	Supported Android versions:
		2.1    (API level 7)
		2.2    (API level 8)
		2.3    (API level 10)
		3.1    (API level 12)
		3.2    (API level 13)
		4.0    (API level 14)
		4.0.3  (API level 15)
		4.1    (API level 16)
		4.2    (API level 17)
		4.3    (API level 18)
		4.4    (API level 19)
		4.4.87 (API level 20)
		4.5    (API level 21)
Java SDK: /usr
java version "1.7.0_65"
Java(TM) SE Runtime Environment (build 1.7.0_65-b17)
Java HotSpot(TM) 64-Bit Server VM (build 24.65-b04, mixed mode)

=== Xamarin.Mac ===

Version: 1.10.0.10 (Enterprise Edition)

=== Build Information ===

Release ID: 503000441
Git revision: befb6aa1176d37a5f678f4274f340a0159091b7a
Build date: 2014-09-08 17:57:02-04
Xamarin addins: 6dc7c388e31fdfc8014689839d37de0d4622435c

=== Operating System ===

Mac OS X 10.9.4
Darwin MacMini.local 13.3.0 Darwin Kernel Version 13.3.0
    Tue Jun  3 21:27:35 PDT 2014
    root:xnu-2422.110.17~1/RELEASE_X86_64 x86_64
Comment 6 christoph.rehmann 2014-09-12 10:32:53 UTC
The following test project is working on iOS and does not give a white blank screen:
https://www.plaintray.com/download/6934/CSudi2bi3Lwn8YifBdhx/TabbedPage_Test.zip

Note: This link is only alive for one week.

When running the example on iOS, you don't get an animation problem like in Android but the performance is rather poor. It takes quite a time until the page transition begins. The transition itself is ok. To see this performance problem you have to run the example on a real device and not on the emulator.
Comment 7 Jason Smith [MSFT] 2016-03-16 12:35:30 UTC
This is no logner the case in the AppCompat backend