Comment Feed for how to move Rectangle from left to right with wpf(c# code not with xaml) (Coffeehouse on Channel 9)

Re: how to move Rectangle from left to right with wpf(c# code not with xaml)

Lloyd Humphreys — Sun, 06 Jan 2008 20:32:01 GMT

evildictaitor wrote:

ddl wrote:hey
evildictaitor

he was n't asked your vista OS source which was developed by you

I developed all of the Vista codebase? News to me.

In your sleep, durr?

Re: how to move Rectangle from left to right with wpf(c# code not with xaml)

evildictaitor — Sun, 06 Jan 2008 19:56:19 GMT

ddl wrote:
hey
evildictaitor

he was n't asked your vista OS source which was developed by you

I developed all of the Vista codebase? News to me.

Re: how to move Rectangle from left to right with wpf(c# code not with xaml)

ddl — Sun, 06 Jan 2008 18:36:24 GMT

hey
evildictaitor

he was n't asked your vista OS source which was developed by you:P
he just asked your help
if know answer please try to help other then :$

===========================

ple try following code ::ven::[H]

============================

NameScope.SetNameScope(this, new NameScope());

RectangleGeometry myRectangleGeometry = new RectangleGeometry();

myRectangleGeometry.Rect = new Rect(0, 200, 100, 100);

// Assign the geometry a name so that

// it can be targeted by a Storyboard.

this.RegisterName(

"MyAnimatedRectangleGeometry", myRectangleGeometry);

Path myPath = new Path();

myPath.Fill = Brushes.LemonChiffon;

myPath.StrokeThickness = 1;

myPath.Stroke = Brushes.Black;

myPath.Data = myRectangleGeometry;

RectAnimation myRectAnimation = new RectAnimation();

myRectAnimation.Duration = TimeSpan.FromSeconds(2);

myRectAnimation.FillBehavior = FillBehavior.HoldEnd;

// Set the animation to repeat forever.

myRectAnimation.RepeatBehavior = RepeatBehavior.Forever;

// Set the From and To properties of the animation.

myRectAnimation.From = new Rect(0, 200, 100, 100);

myRectAnimation.To = new Rect(600, 50, 200, 50);

// Set the animation to target the Rect property

// of the object named "MyAnimatedRectangleGeometry."

Storyboard.SetTargetName(myRectAnimation, "MyAnimatedRectangleGeometry");

Storyboard.SetTargetProperty(

myRectAnimation, new PropertyPath(RectangleGeometry.RectProperty));

// Create a storyboard to apply the animation.

Storyboard ellipseStoryboard = new Storyboard();

ellipseStoryboard.Children.Add(myRectAnimation);

// Start the storyboard when the Path loads.

myPath.Loaded += delegate(object sender, RoutedEventArgs e)

{

ellipseStoryboard.Begin(this);

};

Canvas containerCanvas = new Canvas();

containerCanvas.Children.Add(myPath);

Content = containerCanvas;

Re: how to move Rectangle from left to right with wpf(c# code not with xaml)

JChung2006 — Sun, 06 Jan 2008 09:03:35 GMT

I'm ignoring the request for C# instead of XAML since it's relatively easy to translate between the two. Also, my XAML targets Silverlight, but it's easy enough to change to WPF by changing the Canvas' xmlns attribute.

<?xml version="1.0"?>
<Canvas xmlns="http://schemas.microsoft.com/client/2007">
  <Rectangle Fill="Orange" Name="rectangle1" Width="50" Height="50">
    <Rectangle.Triggers>
      <EventTrigger RoutedEvent="Rectangle.Loaded">
        <EventTrigger.Actions>
          <BeginStoryboard>
            <Storyboard Storyboard.TargetProperty="(Canvas.Left)" Storyboard.TargetName="rectangle1">
              <DoubleAnimation By="250" Duration="0:0:1"/>
            </Storyboard>
          </BeginStoryboard>
        </EventTrigger.Actions>
      </EventTrigger>
    </Rectangle.Triggers>
  </Rectangle>
</Canvas>

Re: how to move Rectangle from left to right with wpf(c# code not with xaml)

Bent Rasmussen — Sun, 06 Jan 2008 05:10:07 GMT

I think nightski probably nailed it, but google suggests these examples of absolute positioning: 1 and 2.

Re: how to move Rectangle from left to right with wpf(c# code not with xaml)

evildictaitor — Sun, 06 Jan 2008 02:08:20 GMT

vennag wrote:
please give me the sample code

This is a friendly help forum, not a free code bonanza. People here will help you learn to write your own code. They won't write it for you.

Re: how to move Rectangle from left to right with wpf(c# code not with xaml)

nightski — Sun, 06 Jan 2008 00:40:55 GMT

Elements in WPF don't have a position property, or an "x" value directly. Instead, if the element is child of a Canvas - several attached properties are utilized. These are Canvas.Left, Canvas.Right, Canvas.Top, and Canvas.Bottom. Using the animation code above, animate either the Canvas.Left or Canvas.Right attached property on the rectangle to move it.

Re: how to move Rectangle from left to right with wpf(c# code not with xaml)

Lloyd Humphreys — Sun, 06 Jan 2008 00:24:30 GMT

CompGuy101 wrote:

vennag wrote:
how to change x position of Rectangle using this code ,
please give me the sample code

thanks

erik_ just gave you all the code you need.

*sigh*

Re: how to move Rectangle from left to right with wpf(c# code not with xaml)

vennag — Sat, 05 Jan 2008 21:36:03 GMT

how to change x position of Rectangle using this code ,
please give me the sample code

thanks

Re: how to move Rectangle from left to right with wpf(c# code not with xaml)

Lloyd Humphreys — Sat, 05 Jan 2008 11:27:30 GMT

I reckon this would be better placed in the Techoff :)

Re: how to move Rectangle from left to right with wpf(c# code not with xaml)

erik_ — Sat, 05 Jan 2008 10:07:59 GMT

Sample from msdn:

using System;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Shapes;
using System.Windows.Media;
using System.Windows.Media.Animation;

namespace SDKSample
{

    public class RectangleOpacityFadeExample : Page
    {
        private Storyboard myStoryboard;

        public RectangleOpacityFadeExample()
        {
            NameScope.SetNameScope(this, new NameScope());

            this.WindowTitle = "Fading Rectangle Example";
            StackPanel myPanel = new StackPanel();
            myPanel.Margin = new Thickness(10);

            Rectangle myRectangle = new Rectangle();
            myRectangle.Name = "myRectangle";
            this.RegisterName(myRectangle.Name, myRectangle);
            myRectangle.Width = 100;
            myRectangle.Height = 100;
            myRectangle.Fill = Brushes.Blue;

            DoubleAnimation myDoubleAnimation = new DoubleAnimation();
            myDoubleAnimation.From = 1.0;
            myDoubleAnimation.To = 0.0;
            myDoubleAnimation.Duration = new Duration(TimeSpan.FromSeconds(5));
            myDoubleAnimation.AutoReverse = true;
            myDoubleAnimation.RepeatBehavior = RepeatBehavior.Forever;

            myStoryboard = new Storyboard();
            myStoryboard.Children.Add(myDoubleAnimation);
            Storyboard.SetTargetName(myDoubleAnimation, myRectangle.Name);
            Storyboard.SetTargetProperty(myDoubleAnimation, new PropertyPath(Rectangle.OpacityProperty));

            // Use the Loaded event to start the Storyboard.
            myRectangle.Loaded += new RoutedEventHandler(myRectangleLoaded);  

            myPanel.Children.Add(myRectangle);
            this.Content = myPanel;
        }

        public void myRectangleLoaded(object sender, RoutedEventArgs e)
        {
            myStoryboard.Begin(this);
        }

    }
}

See http://msdn2.microsoft.com/en-us/library/ms752312(VS.85).aspx for more.

Modify it to target the position instead of Rectangle.OpacityProperty..

Let me know if you need a cut & paste sample +)

Re: how to move Rectangle from left to right with wpf(c# code not with xaml)

evildictaitor — Sat, 05 Jan 2008 04:41:34 GMT

When it is at the left, it's x position is 0. When it is at right, it's x position is (Container.Width - item.Width).

Just animation the two together. There's more than enough stuff like this on the internet.