1

I'm creating a native Tizen application for wearables.

Started using the UI builder which can generate code for navigating between different application views:

enter image description here

Tizen however is not that good in documentation. There is a mention in the website about "Maintain a smooth flow" between views:

enter image description here

But they don't describe at all, how can I do this kind of "animation" between views.

This is the motivation of the question: how can I do a seamless transition from a large logo image view to a detailed view which also contains (a small size) logo?

Please note again: I'm creating a native application (not web, not .NET!). So unless it's impossible to do this natively, please don't recommend me to change (to web or .NET).

Daniel
  • 2,318
  • 2
  • 22
  • 53

1 Answers1

1

In Tizen Native, view transition is managed by naviframe item push/pop. i.e. elm_naviframe_item_push / elm_naviframe_item_pop

To implement the above view transition, you can use the new API elm_naviframe_item_push_from. elm_naviframe_item_push_from will be available with Tizen 5.5 on Tizen Studio 4.1 (not right now on Tizen Studio 4.0 but it seems that Tizen Studio 4.1 is available by December 2020.)

Since UI builder generates the code elm_naviframe_item_push only, I think you need to write the code elm_naviframe_item_push_from manually instead of elm_naviframe_item_push.

The view transition you uploaded looks like a naviframe item pop case after item pushing with elm_naviframe_item_push_from.

e.g.

/*
 * When the following code is called, view transition from small_image to 
 * content_with_big_image is started.
 * When the view transition is finished, conent_with_big_image is displayed on the screen.
 */
elm_naviframe_item_push_from(naviframe, NULL, NULL, NULL, content_with_big_image, "empty", small_image);

/*
 * When naviframe item pop is called (e.g. HW back button) after calling the above code,
 * view transition from content_with_big_image to small_image is started.
 * When the view transition is finished, the initial view with small_image is displayed
 * on the screen.
 */
elm_naviframe_item_pop(naviframe);

Thank you.

Dev JJ
  • 46
  • 1
  • Thanks. This I think is not true, although I have no chance right now to test, as the "large" icon has to move *and* shrink parallel into the small one. So some kind of animation is surely needed for this. – Daniel Dec 10 '20 at 10:31
  • But maybe, yes, I just have forgot to mention that I need all this on Tizen 4.0. :) – Daniel Dec 10 '20 at 10:37
  • There is a more important question, I'd be happy if you could look into it: https://stackoverflow.com/questions/65235823/tizen-4-why-is-a-box-container-not-able-to-hold-another-layout – Daniel Dec 10 '20 at 13:51