RingSlice Control

by Avatar Bill Henning (Actipro)
Tuesday, March 18, 2014 at 9:32am


The 2014.1 versions of our WPF, Silverlight, and WinRT/XAML controls were released last week and all contain several handy components in them.  One that I'd like to talk in more detail about today is the RingSlice control.

What is RingSlice?

The RingSlice control renders a portion (or the entire circle) of a ring shape.  Its start/end angles, radius, thickness, and other stroke properties can be set.

RingSliceFullRing   RingSliceEndCaps

In the screenshots above, we see a RingSlice rendering a full ring and another showing how end caps can be customized.

RingSliceDash1   RingSliceDash2   RingSliceDash3   RingSliceDash4

In the screenshots above, we see how the same RingSlice control can have different stroke settings applied to it to provide dash effects.

Real World Usage Scenarios

Other very interesting composite controls can be created by using the RingSlice control together with other controls.


The screenshot above shows how four RingSlice controls are used to surround a TextBlock and make a segmented progress indicator.  The fill of each RingSlice can be changed as progress occurs, so that the current step is reflected.


Finally, this screenshot shows the radial graph of a numeric value.  Simply animate the end angle of the RingSlice to create a dynamic presentation of the data.


The RingSlice control is available in our WPF, Silverlight, and WinRT/XAML Shared Libraries and is licensed for use by any of our customers of those control platforms.  Download v2014.1 and check it out!

TaskDownload TaskLiveDemo TaskBuyNow

Add Comment

Please log in to a validated account to post comments.