Project Description
Ring Controls are new UI components with ring shape for Windows Phone.


Controls
  • Ring
    • basic control with ring shape.
  • RingPanel
    • layout control that arranges child elements along a circle

Ring

Property
Dependency Property.png
  • Max
    • number of split ring.
  • Radius
    • radius of the ring. The width and height properties of the ring are set to radius * 2.
  • Thickness
    • thickness of the ring.
  • Foreground
    • no highlight color of the ring.
  • Highlight
    • color to draw to Index property position of the ring.
  • IsEnabledTouchWheel
    • flag to enable the touch wheel. Default is false.
  • IndexChanged
    • It will be called whenever Index property changes.


Usage

add the namespace:

xmlns:rcontrols="clr-namespace:RingControls;assembly=RingControls"

add the ring with dependency properties.

<rcontrols:Ring
    x:Name="MyRing"
    Max="12"
    Radius="75"
    Thickness="20"
    Foreground="#B9CDE5"
    Highlight="#0070C0"
    IndexChanged="MyRing_IndexChanged">
</rcontrols:Ring>

If you add the content, you need the following code to use to be notified whenever the index changes.

private void MyRing_IndexChanged(object sender, RingControls.IndexChangedEventArgs args)
{
    MyRing.Content = args.Index;
}

RingPanel

Property
Ring Panel.png


Samples
This project contains some samples, such as a clock ,cycle and RingPanel. Download the source code, try to build and run the project.




Apps using the ring controls in the marketplace

Last edited Mar 30, 2013 at 12:32 PM by kabakiyo, version 18