Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How do you rotate the text in textblock in C# (Code-Behind)~~

Basically I am currently doing final year project in my college whereby i am touching on surface 2.0 WPF.

My project is a game whereby if a user answer a question wrongly,the next question will be rotated to make it more difficult. But I am unsure how to do it. I saw an example in msdn microsoft but it only shows XAML codes. I need the C# codes.

Here's the XAML example.

http://msdn.microsoft.com/en-us/library/ms754028.aspx

The last example

Here's part of my validation codes. I need to activate the animation if user answer wrongly.

 if (surfaceRadioButton1.IsChecked == true)

{

user_answer = (string)surfaceRadioButton1.Content;

            textBlock2.Text = validateAnswer(user_answer, answer);
            retreiveYellowQns();
            if (textBlock2.Text.Equals("Correct"))
            {
                yellow_coord = yellow_coord + 50;
                Canvas.SetLeft(car, yellow_coord);
                Canvas.SetTop(car, 289);
            }
            else
            {
                if (yellow_coord <= 330)
                {
                    yellow_coord = 330;
                    Canvas.SetLeft(car, yellow_coord);
                    Canvas.SetTop(car, 289);
                }
                else
                {
                    yellow_coord = yellow_coord - 50;
                    Canvas.SetLeft(car, yellow_coord);
                    Canvas.SetTop(car, 289);
                }
            }
        }

Any Help will be glad,thanks in advance.

like image 297
Joon Kiat Avatar asked Jan 30 '12 07:01

Joon Kiat


3 Answers

Try this one. You can use an animation on the RenderTransform:

var rotateAnimation = new DoubleAnimation(0, 180, TimeSpan.FromSeconds(5));
var rt = (RotateTransform) textblock2.RenderTransform;
rt.BeginAnimation(RotateTransform.AngleProperty, rotateAnimation);

In your Xaml, you can add the RotateTransform:

<TextBlock>
  <TextBlock.RenderTransform>
    <RotateTransform Angle="0"/>
  </TextBlock.RenderTransform>
</TextBlock>
like image 66
ElGaucho Avatar answered Oct 13 '22 00:10

ElGaucho


You will have to use Transformation for this. Try this answer https://stackoverflow.com/a/8815374/293712

Or You can also try, (I have not tried this) Look at this article for more details

textBlock2.RenderTransform = new RotateTransform(IntegerAngleValue); 
like image 44
Maheep Avatar answered Oct 13 '22 01:10

Maheep


            var rotateAnimation = new DoubleAnimation(180, 0, TimeSpan.FromMilliseconds(200));
            UiImage.RenderTransformOrigin = new Point(0.5,0.5);
            UiImage.RenderTransform = new RotateTransform();
            var rt = (RotateTransform)UiImage.RenderTransform;
            rt.BeginAnimation(RotateTransform.AngleProperty, rotateAnimation);
like image 33
Andreas Avatar answered Oct 12 '22 23:10

Andreas