I need to create a 3 colored (3 segmented) progress bar with

Hi,

I'm learning WPF and couldn't get my head around this task. How do I implement such control? Would it be a custom control? Can I just draw what I need in its custom template? Or do I need several different controls? How can horizontal/vertical mode be triggered and implemented? Could you please advise a control structure? I also need it to scale correctly, but I think I got this with a ViewBox wrapper.

As in the picture, I need 2 bar sections - black and gray. I also need the 2 simple pointers and icons (H, W) displayed on top (if horizontal) and on the right (if vertical). How do I draw these, please?

Also, do I need to bother with MVVM model here, or just create SetParameters() function with all the data to trigger the bound properties to get the view updated?

It does not need to handle any input, just display the right bar and pointers and H & W in the right calculated positions, and work in both vertical and horizontal orientation.

Any clues - I appreciate a lot!

Thank you very much for your help!

1 Reply

Know the answer? Post it — somebody with the same question will find it here.

Amit Gupta8y ago
Accepted answer
Hey

Well, if you was on the windows form then you have to do a bit nore code for drawing the progressbar which uses gdi+ for rendering which impacts on performance.

Although, wpf uses directx for rendering the controls and have MUCH beneficial for this type of commands.

There are various ways to achieve this, but I suggest you to use 2 progressbars (color it of your choice) and rotate it for vertical and overlap them on each other.

Increase the values. Isn't it simple?
+1