Effect of drawing a circle.

Question

1.00/5 (1 vote)

See more:

Using the following code, I get a line drawing effect.

C#

Line newLine = new Line();
newLine.StrokeThickness = 1;
newLine.Stroke = Brushes.Black;
newLine.X1 = 50;
newLine.X2 = 50;
newLine.Y1 = 50;
newLine.Y2 = 50;
DoubleAnimation lineXAnimation = new DoubleAnimation();
lineXAnimation.From = newLine.X2;
lineXAnimation.To = 500;
lineXAnimation.Duration = TimeSpan.FromSeconds(2);

newLine.BeginAnimation(Line.X2Property, lineXAnimation);

How can I get the effect of drawing a circle made in the same style?

What I have tried:

I'm looking for how to get the effect of drawing a circle?

Posted 20-May-20 7:30am

Member 12618031

Updated 23-May-20 22:43pm

Add a Solution

2 solutions

Solution 1

How to: Draw an Ellipse or a Circle - WPF | Microsoft Docs[^]
Shapes and basic drawing overview - WPF | Microsoft Docs[^]
Ellipse Class (System.Windows.Shapes) | Microsoft Docs[^]

Posted 21-May-20 4:45am

Richard Deeming

Comments

Member 12618031 21-May-20 11:26am

You offer simple static drawing methods. I'm asking about animation. Do not draw a circle, but get a drawing effect. Look carefully at the line code.

Richard Deeming 21-May-20 11:27am

Look at the documentation again. Animating a shape is the same, regardless of the shape you're drawing.

Member 12618031 21-May-20 11:34am

Pay attention to the effect of line drawing. Line Drawing Example[^]

Maciej Los 21-May-20 16:33pm

5ed!

Member 12618031 22-May-20 1:36am

Do you have a link where this is described? I can not find.

Richard Deeming 22-May-20 5:43am

Shapes and basic drawing overview - WPF | Microsoft Docs[^]
Elipse and Line are both derived from the Shape class.

Animation Overview - WPF | Microsoft Docs[^]
Animation in WPF works on almost any DependencyProperty belonging to a class which implements IAnimatable. All UIElement classes, including all Shapes, implement this interface.

The properties available to animate will vary depending on the shape you're animating. But the process of animating them remains the same.

Member 12618031 23-May-20 3:25am

The closest to my question that I found is the topic "Radial Progress Bar". But there is a lot of extra code. I need it easier - 'Painted and Forgot'. You are mistaken if you think that the line and the circle are one and the same.

Richard Deeming 27-May-20 5:58am

I didn't say the line and the circle were "one and the same". What I said was they are both Shapes.

The code for animating a Shape is the same regardless of what shape you're animating. You simply need to change the properties you're animating and the values you're setting them to.

Nobody can give you the precise code to achieve the exact effect you want, because you haven't told us what you want. All we can tell you is that animating a line and animating a circle is the same process.

Member 12618031 27-May-20 6:11am

Thank you very much. I have already found the solution on this issue. See solution number 2.

Member 12618031 27-May-20 6:35am

I give this example of a combination of drawing a circle and lines. Example[^].

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Member 12618031 · Accepted Answer · 2020-05-23T22:43:00

Strangely enough, but the Japanese helped to resolve the issue. The class Microsoft.Expression.Shapes.Arc makes drawing circles easier.

C#

using Microsoft.Expression.Shapes;

Arc a = new Arc();
a.ArcThicknessUnit = Microsoft.Expression.Media.UnitType.Pixel;
a.ArcThickness = 10;
a.StrokeThickness = 1;
a.Fill = new SolidColorBrush(Colors.Aqua);
a.Stroke = new SolidColorBrush(Colors.DarkMagenta);
a.StartAngle = 0;
a.EndAngle = 0;
a.Width = 200;
a.Height = 200;
a.Stretch = Stretch.None;
stp.Children.Add(a);

DispatcherTimer dt = new DispatcherTimer();
dt.Interval = TimeSpan.FromMilliseconds(10);
dt.Tick += (s, e) => { a.EndAngle = a.EndAngle + 4; };
dt.Start();