Loading...
Loading...
Implement Syncfusion WPF SfRadialSlider for circular and radial numeric value selection. Use this when working with radial sliders, circular range selectors, or radial numeric inputs in WPF. Covers Value, Minimum, Maximum, TickFrequency, StartAngle, EndAngle, SweepDirection, rim radius factors, custom tick/label/pointer templates, and theming with SfSkinManager.
npx skill4agent add syncfusion/wpf-ui-components-skills syncfusion-wpf-radial-sliderSfRadialSlider
├── Outer rim — circular track background (Background, OuterRimStroke)
├── Ticks — tick marks on the track (TickRadiusFactor, TickTemplate)
├── Labels — tick value labels (LabelRadiusFactor, LabelTemplate, DrawLabel)
├── Pointer — selection indicator (PointerRadiusFactor, PointerStyle)
├── Preview pointer — hover indicator (PreviewPointerStyle)
└── Inner rim — center circle content area (InnerRimRadiusFactor, InnerRimFill, Content)Syncfusion.SfRadialMenu.WPFSyncfusion.SfShared.WPFSyncfusion.Windows.Controls.Navigationhttp://schemas.syncfusion.com/wpfxmlns:syncfusion="http://schemas.syncfusion.com/wpf"
<syncfusion:SfRadialSlider Name="radialSlider"
Height="200" Width="200"/>using Syncfusion.Windows.Controls.Navigation;
SfRadialSlider radialSlider = new SfRadialSlider();
radialSlider.Height = 200;
radialSlider.Width = 200;
this.Content = radialSlider;<syncfusion:SfRadialSlider Value="{Binding SelectedValue, Mode=TwoWay}"
Content="{Binding SelectedValue, Mode=TwoWay}"
Height="200" Width="200">
<syncfusion:SfRadialSlider.DataContext>
<local:ViewModel/>
</syncfusion:SfRadialSlider.DataContext>
</syncfusion:SfRadialSlider>| Scenario | Approach |
|---|---|
| Temperature selector 0–100 | |
| Full circle vs arc | |
| Snap to multiples of 5 | |
| Reduce tick count | |
| Counterclockwise arc | |
| Show max label | |
| Color-code labels by value | Handle |
| Custom pointer style | |
| Display formatted value in center | |
| Property | Default | Description |
|---|---|---|
| | Currently selected value |
| | Minimum tick value |
| | Maximum tick value |
| | Smallest selectable increment |
| | Spacing between displayed ticks |
| | Show max when not a TickFrequency multiple |
| | Start angle of the circular arc |
| | End angle of the circular arc |
| | Tick direction |
| | Content shown inside inner rim |
| | DataTemplate for inner rim content |
| | Inner circle radius (0–1) |
| | Outer rim radius (0–1) |
| | Tick mark position radius |
| | Label position radius |
| | Pointer position radius |
| | Show/hide tick marks |
| | Show/hide tick labels |