Flip Effect

6 posts, 0 answers
  1. Jose
    Jose avatar
    15 posts
    Member since:
    Feb 2011

    Posted 09 Jun 2011 Link to this post

    Can I add Flip effect to a button or any other control ?
  2. Deyan
    Admin
    Deyan avatar
    2039 posts

    Posted 10 Jun 2011 Link to this post

    Hello Jose,

    Yes, you can use the RenderTransform property to apply any visual transformations to an element. You can also use our RadLayoutTransform control to apply a layout transformation to any UI element.

    Please, take a look at our online help for further information about the RadLayoutTransform control:

    http://www.telerik.com/help/windows-phone/radlayouttransform-overview.html

    I hope this helps.

    Best wishes,
    Deyan
    the Telerik team
    Let us know about your Windows Phone 7 application built with RadControls and we will help you promote it. Learn more>>
  3. DevCraft banner
  4. Jose
    Jose avatar
    15 posts
    Member since:
    Feb 2011

    Posted 10 Jun 2011 Link to this post

    Thanks for your quick reply.
    but...I just want to be sure...before buying...

    I check the link/sample...and looks like is for 2d rotation/move...What I want is a coin flip style effect, with 2 different sides.

    If this possible using these controls?

    Thanks again

    Jose
  5. Deyan
    Admin
    Deyan avatar
    2039 posts

    Posted 13 Jun 2011 Link to this post

    Hello Jose,

    You can use the PlaneProjection property of a FrameworkElement to apply 3D transformations to an element. This is actually functionality that comes out of the box with Silverlight.

    Best wishes,
    Deyan
    the Telerik team
    Let us know about your Windows Phone 7 application built with RadControls and we will help you promote it. Learn more>>
  6. Vijay
    Vijay avatar
    29 posts
    Member since:
    Nov 2011

    Posted 04 Jun 2012 Link to this post

    Hello Jose,

        Yes absolutely, you can.  Please find the below sample code for an idea to add flip effect to any specific control. Based on this you can customize your code towards the requirements.

                                                           <telerik:RadLayoutTransformControl Height="354"
                                                   HorizontalAlignment="Left"
                                                   Margin="12,248,0,0"
                                                   VerticalAlignment="Top"
                                                   Width="438"
                                                   x:Name="radLayout1">
                    <telerik:RadLayoutTransformControl.Content>
                        <Grid>
                            <Button Content="Addition"
                                    x:Name="btnAdd"
                                    Margin="73,0,58,271"
                                    FontFamily="Verdana"
                                    FontSize="22"
                                    Background="Green"
                                    Click="btnAdd_Click"/>
                            <Button Content="Subtraction"
                                    FontFamily="Verdana"
                                    FontSize="22"
                                    x:Name="btnsub"
                                    Margin="73,70,58,201"
                                    Background="Red"
                                    Click="btnSub_Click"/>
                            <Button Content="Multiplication"
                                    x:Name="btnMul"
                                    Margin="73,144,58,127"
                                    FontFamily="Verdana"
                                    FontSize="22"
                                    Background="Yellow"
                                    Click="btnMul_Click"/>
                            <Button Content="Division"
                                    x:Name="btnDiv"
                                    Background="Blue"
                                    FontFamily="Verdana"
                                    FontSize="22"
                                    Margin="73,233,58,38"
                                    Click="btnDiv_Click"/>
                        </Grid>
                    </telerik:RadLayoutTransformControl.Content>
                </telerik:RadLayoutTransformControl>

    Render Layout Transform in .cs file aswell

      private void mainPage_Loaded(object sender, RoutedEventArgs e)
            {
                //objComposite.SkewX = 25;
                objComposite.SkewY = 29;
                radLayout1.LayoutTransform = objComposite;
            }
     
     
     
    #region Instance Variables
    CompositeTransform objComposite = new CompositeTransform();
    #endregion


    Thanks and Regards,
    Vijay
    MVC Corp.
  7. Jose
    Jose avatar
    15 posts
    Member since:
    Feb 2011

    Posted 05 Jun 2012 Link to this post

    Thanks...you guys are awesome
Back to Top
DevCraft banner