Animation on RadPhoneApplicationFrame background

4 posts, 1 answers
  1. Cristovao
    Cristovao avatar
    24 posts
    Member since:
    Jun 2012

    Posted 01 Mar 2012 Link to this post

    Hi!
    I've setup my transitions animations fine...
    But some apps have a similar "loading" animation on the background while applying the transition...
    I was able to get me a background image

    RootFrame = new RadPhoneApplicationFrame
               {
                   Background = new ImageBrush
                   {
                       ImageSource = new BitmapImage(new Uri("Content/Loading.jpg", UriKind.RelativeOrAbsolute)),
                       Opacity = 1,
                       Stretch = Stretch.None
                   }
                   ,
                   Height = 800
                   
               }; ;

    is what i want even possible?
  2. Valentin.Stoychev
    Admin
    Valentin.Stoychev avatar
    2198 posts

    Posted 02 Mar 2012 Link to this post

    Hi,

    You can edit the control template of the RadPhoneApplicationFrame and to include your animation there. but please note that depending on the implementation of the animation the performance of the application may drop.

    Please let us know if you need more help.

    Greetings, Valentin.Stoychev
    the Telerik team
    Sharpen your .NET Ninja skills! Attend Q1 webinar week and get a chance to win a license! Book your seat now >>
  3. DevCraft banner
  4. Cristovao
    Cristovao avatar
    24 posts
    Member since:
    Jun 2012

    Posted 02 Mar 2012 Link to this post

    Can you POST the black default style/template(XAML) to start building on top?
  5. Answer
    Valentin.Stoychev
    Admin
    Valentin.Stoychev avatar
    2198 posts

    Posted 02 Mar 2012 Link to this post

    Hello,

    Yes - here it is:
    <ControlTemplate TargetType="telerikPrimitives:RadPhoneApplicationFrame">
                        <Border x:Name="ClientArea" Background="{TemplateBinding Background}"
                                    HorizontalAlignment="{TemplateBinding HorizontalAlignment}"
                                    VerticalAlignment="{TemplateBinding VerticalAlignment}"
                                    BorderBrush="{TemplateBinding BorderBrush}"
                                    BorderThickness="{TemplateBinding BorderThickness}" >
     
                                <telerikPrimitives:RadTransitionControl
                                    x:Name="TransitionControl"
                                    HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                    VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                    Margin="{TemplateBinding Padding}"
                                    Content="{TemplateBinding Content}"
                                    ContentTemplate="{TemplateBinding ContentTemplate}"
                                    Transition="{TemplateBinding Transition}">
     
                                </telerikPrimitives:RadTransitionControl>
     
                            </Border>
                    </ControlTemplate>


    Kind regards, Valentin.Stoychev
    the Telerik team
    Sharpen your .NET Ninja skills! Attend Q1 webinar week and get a chance to win a license! Book your seat now >>
Back to Top