Good NumericUpDown equivalent in WPF

Question

I m looking for a simple NumericUpDown  a k a  number spinner  control in WPF  This seems to be another lacking control in WPF  There must be some existing ones out there and I don t like to re-invent the wheel

User · Answer

If commercial solutions are ok  you may consider this control set  WPF Elements by Mindscape  It contains such a spin control and alternatively  my personal preference  a spin-decorator  that can decorate various numeric controls  like IntegerTextBox  NumericTextBox  also part of the control set  in XAML like this    lt WpfElements SpinDecorator gt      lt WpfElements IntegerTextBox Text   Binding Foo     gt   lt  WpfElements SpinDecorator gt

User · Answer

A control that is missing from the original set of WPF controls  but much used  is the NumericUpDown control  It is a neat way to get users to select a number from a fixed range  in a small area  A slider could be used  but for compact forms with little horizontal real-estate  the NumericUpDown is essential  Solution A  via WindowsFormsHost  You can use the Windows Forms NumericUpDown control in WPF by hosting it in a WindowsFormsHost  Pay attention that you have to include a reference to System Windows Forms dll assembly   lt Window x Class  quot WpfApplication61 MainWindow quot          xmlns  quot http   schemas microsoft com winfx 2006 xaml presentation quot          xmlns x  quot http   schemas microsoft com winfx 2006 xaml quot          xmlns wf  quot clr-namespace System Windows Forms assembly System Windows Forms quot           Title  quot MainWindow quot  Height  quot 350 quot  Width  quot 525 quot  gt       lt StackPanel gt               lt WindowsFormsHost gt               lt wf NumericUpDown  gt           lt  WindowsFormsHost gt       Solution B  custom  There are several commercial and codeplex versions around  but both involve installing 3rd party dlls and overheads to your project  Far simpler to build your own  and a aimple way to do that is with the ScrollBar  A vertical ScrollBar with no Thumb  just the repeater buttons  is in fact just what we want  It inherits rom RangeBase  so it has all the properties we need  like Min  Max  and SmallChange  set to 1  to restrict it to Integer values  So we change the ScrollBar ControlTemplate  First we remove the Thumb and Horizontal trigger actions  Then we group the remains into a grid and add a TextBlock for the number   lt Grid Margin  quot 2 quot  gt       lt Grid ColumnDefinitions gt           lt ColumnDefinition  gt           lt ColumnDefinition   gt       lt  Grid ColumnDefinitions gt       lt TextBlock VerticalAlignment  quot Center quot  FontSize  quot 20 quot  MinWidth  quot 25 quot  Text  quot  Binding Value  RelativeSource  RelativeSource TemplatedParent   quot   gt       lt Grid Grid Column  quot 1 quot  x Name  quot GridRoot quot  Width  quot  DynamicResource  x Static SystemParameters VerticalScrollBarWidthKey   quot  Background  quot  TemplateBinding Background  quot  gt           lt Grid RowDefinitions gt               lt RowDefinition MaxHeight  quot 18 quot   gt               lt RowDefinition Height  quot 0 00001  quot   gt               lt RowDefinition MaxHeight  quot 18 quot   gt           lt  Grid RowDefinitions gt           lt RepeatButton x Name  quot DecreaseRepeat quot  Command  quot ScrollBar LineDownCommand quot  Focusable  quot False quot  gt               lt Grid gt                   lt Path x Name  quot DecreaseArrow quot  Stroke  quot  TemplateBinding Foreground  quot  StrokeThickness  quot 1 quot  Data  quot M 0 4 L 8 4 L 4 0 Z quot   gt               lt  Grid gt           lt  RepeatButton gt           lt RepeatButton Grid Row  quot 2 quot  x Name  quot IncreaseRepeat quot  Command  quot ScrollBar LineUpCommand quot  Focusable  quot False quot  gt               lt Grid gt                   lt Path x Name  quot IncreaseArrow quot  Stroke  quot  TemplateBinding Foreground  quot  StrokeThickness  quot 1 quot  Data  quot M 0 0 L 4 4 L 8 0 Z quot   gt               lt  Grid gt           lt  RepeatButton gt       lt  Grid gt   lt  Grid gt   Sources   Is there a numericUpDown component in wpf  WPF NumericUpDown from retemplating a ScrollBar

User · Answer

The Extended WPF Toolkit has one  NumericUpDown

User · Answer

add a textbox and scrollbar  in VB  Private Sub Textbox1 ValueChanged ByVal sender As System Object  ByVal e As System Windows RoutedPropertyChangedEventArgs Of System Double   Handles Textbox1 ValueChanged      If e OldValue  gt  e NewValue Then          Textbox1 Text    Textbox1 Text   1       Else          Textbox1 Text    Textbox1 Text - 1       End If End Sub

User · Answer

A control that is missing from the original set of WPF controls  but much used  is the NumericUpDown control  It is a neat way to get users to select a number from a fixed range  in a small area  A slider could be used  but for compact forms with little horizontal real-estate  the NumericUpDown is essential  Solution A  via WindowsFormsHost  You can use the Windows Forms NumericUpDown control in WPF by hosting it in a WindowsFormsHost  Pay attention that you have to include a reference to System Windows Forms dll assembly   lt Window x Class  quot WpfApplication61 MainWindow quot          xmlns  quot http   schemas microsoft com winfx 2006 xaml presentation quot          xmlns x  quot http   schemas microsoft com winfx 2006 xaml quot          xmlns wf  quot clr-namespace System Windows Forms assembly System Windows Forms quot           Title  quot MainWindow quot  Height  quot 350 quot  Width  quot 525 quot  gt       lt StackPanel gt               lt WindowsFormsHost gt               lt wf NumericUpDown  gt           lt  WindowsFormsHost gt       Solution B  custom  There are several commercial and codeplex versions around  but both involve installing 3rd party dlls and overheads to your project  Far simpler to build your own  and a aimple way to do that is with the ScrollBar  A vertical ScrollBar with no Thumb  just the repeater buttons  is in fact just what we want  It inherits rom RangeBase  so it has all the properties we need  like Min  Max  and SmallChange  set to 1  to restrict it to Integer values  So we change the ScrollBar ControlTemplate  First we remove the Thumb and Horizontal trigger actions  Then we group the remains into a grid and add a TextBlock for the number   lt Grid Margin  quot 2 quot  gt       lt Grid ColumnDefinitions gt           lt ColumnDefinition  gt           lt ColumnDefinition   gt       lt  Grid ColumnDefinitions gt       lt TextBlock VerticalAlignment  quot Center quot  FontSize  quot 20 quot  MinWidth  quot 25 quot  Text  quot  Binding Value  RelativeSource  RelativeSource TemplatedParent   quot   gt       lt Grid Grid Column  quot 1 quot  x Name  quot GridRoot quot  Width  quot  DynamicResource  x Static SystemParameters VerticalScrollBarWidthKey   quot  Background  quot  TemplateBinding Background  quot  gt           lt Grid RowDefinitions gt               lt RowDefinition MaxHeight  quot 18 quot   gt               lt RowDefinition Height  quot 0 00001  quot   gt               lt RowDefinition MaxHeight  quot 18 quot   gt           lt  Grid RowDefinitions gt           lt RepeatButton x Name  quot DecreaseRepeat quot  Command  quot ScrollBar LineDownCommand quot  Focusable  quot False quot  gt               lt Grid gt                   lt Path x Name  quot DecreaseArrow quot  Stroke  quot  TemplateBinding Foreground  quot  StrokeThickness  quot 1 quot  Data  quot M 0 4 L 8 4 L 4 0 Z quot   gt               lt  Grid gt           lt  RepeatButton gt           lt RepeatButton Grid Row  quot 2 quot  x Name  quot IncreaseRepeat quot  Command  quot ScrollBar LineUpCommand quot  Focusable  quot False quot  gt               lt Grid gt                   lt Path x Name  quot IncreaseArrow quot  Stroke  quot  TemplateBinding Foreground  quot  StrokeThickness  quot 1 quot  Data  quot M 0 0 L 4 4 L 8 0 Z quot   gt               lt  Grid gt           lt  RepeatButton gt       lt  Grid gt   lt  Grid gt   Sources   Is there a numericUpDown component in wpf  WPF NumericUpDown from retemplating a ScrollBar

User · Answer

add a textbox and scrollbar  in VB  Private Sub Textbox1 ValueChanged ByVal sender As System Object  ByVal e As System Windows RoutedPropertyChangedEventArgs Of System Double   Handles Textbox1 ValueChanged      If e OldValue  gt  e NewValue Then          Textbox1 Text    Textbox1 Text   1       Else          Textbox1 Text    Textbox1 Text - 1       End If End Sub

User · Answer

If commercial solutions are ok  you may consider this control set  WPF Elements by Mindscape  It contains such a spin control and alternatively  my personal preference  a spin-decorator  that can decorate various numeric controls  like IntegerTextBox  NumericTextBox  also part of the control set  in XAML like this    lt WpfElements SpinDecorator gt      lt WpfElements IntegerTextBox Text   Binding Foo     gt   lt  WpfElements SpinDecorator gt

User · Answer

The Extended WPF Toolkit has one  NumericUpDown

[wpf] Good NumericUpDown equivalent in WPF?

Examples related to wpf

Examples related to spinner

Examples related to numericupdown