This is a migrated thread and some comments may be shown as answers.

[Solved] RadSlideContinuumAnimation doesn't respect SpeedRatio and InitialDelay.

1 Answer 75 Views

Animation

This is a migrated thread and some comments may be shown as answers.

This question is locked. New answers and comments are not allowed.

Grigory Perepechko asked on 08 Jan 2013, 10:18 AM

Hi,

The issue is that if the page is rather complex (you know, usually pages are a bit more complex than in examples ;)) BackwardOut ContinuumTransition doesn't manage to play.

I'm not sure why does this happen, probably some constant time is given to page to play its out transition. What i see is a pause for some time and then page disappears. I tried to add SpeedRatio and InitialDelay, but seems that this animation doesn't take them into acccount.

I looked into code (SlideContinuumAnimation.cs), and seems that all timings are hardcoded (90, 170, 260 mseconds etc.).

Could you please help me with this issue ? What can i do to make animation either slower, or delay it a bit ?

In my Page.xaml i have

<telerikPrimitives:RadTransitionControl.Transition>

      <telerikPrimitives:RadTransition>

          <telerikPrimitives:RadTransition.BackwardInAnimation>

              <telerik:RadTileAnimation/>

          </telerikPrimitives:RadTransition.BackwardInAnimation>

          <telerikPrimitives:RadTransition.ForwardOutAnimation>

              <telerik:RadTileAnimation/>

          </telerikPrimitives:RadTransition.ForwardOutAnimation>

          <telerikPrimitives:RadTransition.ForwardInAnimation>

              <telerik:RadTileAnimation InOutAnimationMode="Out"/>

          </telerikPrimitives:RadTransition.ForwardInAnimation>

          <telerikPrimitives:RadTransition.BackwardOutAnimation>

              <telerik:RadSlideContinuumAnimation SpeedRatio="0,2" />

          </telerikPrimitives:RadTransition.BackwardOutAnimation>

      </telerikPrimitives:RadTransition>



  </telerikPrimitives:RadTransitionControl.Transition>

and a rather big virtualized list of items

<telerikPrimitives:RadDataBoundListBox x:Name="List"

   ItemsSource="{Binding DataLoader.Items}"

   IsAsyncBalanceEnabled="True"

   AsyncBalanceMode="FillViewportFirst"

   ItemTemplate="{StaticResource DealTemplate}"

   SelectionChanged="OnListSelectionChanged"

   DataRequested="RadDataBoundListBox_OnDataRequested"/>

and in Page.xaml.cs i have

    public DealsPage()

    {

InitializeComponent();

SetValue(RadTileAnimation.ContainerToAnimateProperty, List);

SetValue(RadSlideContinuumAnimation.HeaderElementProperty, List);

    }

1 Answer, 1 is accepted

answered on 11 Jan 2013, 11:55 AM

Hello Grigory,

Thank you for your question.

We are not aware of a similar issue with the transition and it should play even if your page is more complex than the one in the examples. The transition have their values set in order to play nicely and fluently according to the design principles of Windows Phone. I encourage you to take a look in our Examples solution and see the example about ApplicationFrame. There we have ContinuumTransitionStartPage and ContinuumTransitionEndPage. Make sure you correctly set the ContinuumElementProperty of RadContinuumAnimation in the start page and the header elements in the end page. If your scenario is different, I'd like to ask you to elaborate a bit more about it and explain what animation you want and how you want it to look. Also you can prepare a sample project that reproduces the issue and send it to us so that we can debug it to see why the animation is not playing and assist you faster.

Greetings,
Todor
the Telerik team

Have a suggestion or face a problem - you can use the Ideas & Feedback portal to submit ideas, feedback and vote for them.