This is a .NET rotary wheel/spinner/knob/wheel-of-fortune-thingy user control built using C#/XAML. The user control targets Windows 10 apps but can be used across all .NET applications. Here's a stylized version that was used in @HeavenFresh's app.
Given the labels of each slice, the user control will automatically create the necessary number of slices. Both touch and mouse events are supported, and when the user finishes manipulation of the wheel, the wheel will animate back to the center of the selected slice.
Out-of-the-box, what you'll get is something more along the lines of:
To install, run the following command in the Package Manager Console
PM> Install-Package RotaryWheelUserControl
| Property | |
|---|---|
| BackgroundColor | color of starting slice with each subsequent slice being a lighter version |
| ForegroundColor | color of labels |
| Size | size of the rotary wheel |
| HideLabels | boolean value denoting whether to show or hide the labels |
| Slices | array of strings of the value/label for each slice |
| SelectedItemValue | read-only value denoting the currently selected slice |
| Callback | |
|---|---|
| PropertyChanged | event that is raised when the SelectedItemValue changes |
We can instantiate a rotary wheel like so:
XAML:
<userControl:RotaryWheel
x:Name="rotaryWheelDemo"
Size="200"
BackgroundColor="Purple"
ForegroundColor="White" />C# (code-behind):
rotaryWheelDemo.Slices = new[]
{
"Auto",
"Quiet",
"Low",
"Medium",
"High",
};
rotaryWheel.PropertyChanged += <some_event_handler>;Take a look at the demo project for a closer look.
If you are curious of how this all works, check out the accompanying blog post.
Copyright (c) Microsoft Corporation, licensed under The MIT License (MIT).