sliding effect

sliding effect

• Todd Segal

  Thanks a lot.

  Not meaning to sound dumb, could u tell me how to use a Layout Transform and animate it to produce a sliding effect. I feel that a layout transform will best suit my requirement.

  Amit

  
  

• Mark Storen

  For sliding in and out you can put them on a Canvas and animate their Canvas.Top/Left properties. If a Canvas is not the desired layout manager, then you could also animate a TranslateTransform with negative values to slide them out of view. Ultimately you probably want to make the element invisible at the end of the animation since if the window is resized the elements could be revealed.

  As for the expand/collapse effect, have a look at the Expander control.

  HTH,
  Drew

  
  

• LTR

  Actually a RenderTransform of type TranslateTransform with animated X and/or Y values would most likely be the best likely approach.

  The reasoning for this is that say you have the item laid out in a Grid, but you want to animate it out of the window. Well if you use a LayoutTransform you're going to affect the Grid's layout of that element, but really you just want the Grid to lay the element out where it would normally and then offset the element from that point. Hence a RenderTransform, which occurs after layout, is probably the better approach.

  In your case you're most likely going to need to apply the RenderTransform and configure and run the animation of it's X/Y coords manually via code.

  HTH,
  Drew

  
  
• sliding effect