Animation not working using RadTileAnimation

2 posts, 0 answers
  1. Deeps
    Deeps avatar
    1 posts
    Member since:
    Aug 2012

    Posted 10 Aug 2012 Link to this post

    Hello,

    I am trying some animation using RadTileAnimation class. I have added the references to Telerik dlls from
    a sample project, and created some tiles :

    xaml code :
    <controls:Panorama HorizontalAlignment="Left" Name="panorama1" VerticalAlignment="Top"> 
       <controls:PanoramaItem header="item 1">
          <ListBox Margin=
    "0,8,0,0" x:Name="CategoriesList"  SelectionChanged="CategoriesList_SelectionChanged">
             <ListBox.ItemTemplate>                           
                 <DataTemplate>
                     <Grid Background=
    "{Binding ColorBrush}"  Width="110" Height="110" Margin="6">
                         <Image Source=
    "{Binding SmallIconUri}"  Stretch="None" VerticalAlignment="Top" HorizontalAlignment="Right"/>
                 <TextBlock Text=
    "{Binding Name}" 
    VerticalAlignment="Center" HorizontalAlignment="Center" TextAlignment="Center"   TextWrapping="Wrap" />
        <TextBlock Margin=
    "-2,0,0,-9"  Text="{Binding Id}" FontSize="36"   VerticalAlignment="Bottom" HorizontalAlignment="Left"/>
     </Grid>
        </DataTemplate>
    </ListBox.ItemTemplate>
    <ListBox.ItemsPanel>
            <ItemsPanelTemplate>
    <telerikPrimitives:RadWrapPanel/>
       </ItemsPanelTemplate>
    </ListBox.ItemsPanel>
          </ListBox>
       </controls:PanoramaItem>
    </controls:Panorama>


    and the event handler for listbox selection change :
     
    private void CategoriesList_SelectionChanged(object sender, SelectionChangedEventArgs e)<br>        {<br>            TileBG selectedCategory = CategoriesList.SelectedItem as TileBG;<br>            if (selectedCategory != null)<br>            {<br>                this.SetValue(RadTransitionControl.TransitionProperty, new RadTileTransition());<br>                this.SetValue(RadTileAnimation.ContainerToAnimateProperty, CategoriesList);<br>                NavigationService.Navigate(new Uri("/Page1.xaml", UriKind.Relative));<br>            }<br>        }

    the animation works in that sample but it does nothing in my application.
    Why is it so?
    What am i missing ?

    thanks.
  2. Victor
    Admin
    Victor avatar
    1351 posts

    Posted 14 Aug 2012 Link to this post

    Hi Deeps,

    Thanks for writing.
    You just need to use RadPhoneApplicationFrame instead of PhoneApplicationFrame since it enabled transitions between pages.

    Greetings,
    Victor
    the Telerik team

    Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

  3. DevCraft banner
Back to Top