Simple looking semi gauge for Windows Phone

Solution 2

This seems like it should be utterly trivial, it's just two paths each of which includes two lines and two arcs. I haven't actually done it in WPF, since I mostly work in WinForms, but assuming you can paint a custom control it is nothing more than (half way to pseudocode)

protected override void OnPaint(Graphics g){
 float cx = Width / 2, r = cx * 0.95f, cy = Height - 10, rinner = r * 0.6f;
 GraphicsPath unfilledGuage = new GraphicsPath();
 unfilledGuage.AddArc(cx - r, cy - r, r * 2, r * 2, -180, 180);
 unfilledGuage.AddArc(cx - rinner, cy - rinner, rinner * 2, rinner * 2, 0, -180);
 unfilledGuage.CloseFigure();
 g.FillPath(unfilledBrush, unfilledGuage);
 
 float angle = 180 * (Value / Max);
 
 GraphicsPath filledGuage = new GraphicsPath();
 filledGuage.AddArc(cx - r, cy - r, r * 2, r * 2, -180, angle);
 filledGuage.AddArc(cx - rinner, cy - rinner, rinner * 2, rinner * 2, -(180 - angle), -angle);
 filledGuage.CloseFigure();
 g.FillPath(filledBrush, filledGuage);
}

Permalink

Posted 11 Nov '11 - 2:48

BobJanova67.2K

Comments

larssy1 - 11 Nov '11 - 9:15

I doubt this will work, since WP7 doesn't have a System.Drawing library.

BobJanova - 11 Nov '11 - 9:52

Does it not have an equivalent? It must be possible to draw custom controls in some fashion.

BobJanova - 11 Nov '11 - 9:57

Looks like you can put a path in a XAML template, e.g. look at some of the more complex examples here: http://msdn.microsoft.com/en-us/library/ms751808.aspx. You should be able to apply a {Binding Value} expression to the angle on an arc.

0	Sergey Alexandrovich Kryukov	419
1	Mahesh Bailwal	303
2	CPallini	245
3	Maciej Los	240
4	Aarti Meswania	173

0	Sergey Alexandrovich Kryukov	9,162
1	OriginalGriff	7,179
2	CPallini	3,913
3	Rohan Leuva	3,176
4	Maciej Los	2,588

Simple looking semi gauge for Windows Phone

1 solution

Solution 2

Add your solution here

Preview 0

		9,887,181 members (30,125 online) Visit CodeProject.TV Discuss CodeProject.TV Sign in Email Password Forgot your password? Sign in using

Interested
Ignored

Simple looking semi gauge for Windows Phone

1 solution

Solution 2

Add your solution here

Preview 0

Existing Members

...or Join us