Where is the WPF Numeric UpDown control

Question

Getting into the first serious WPF project   It seems like there are a lot of basic controls flat out missing   Specifically  I am looking for the Numeric UpDown control   Was there an out of band release that I missed   Really don t feel like writing my own control     I do not want to use the WindowsFormHost and plop a WinForm ctl on it   I want it to be fully WPF without any legacy junk   Thanks

User · Answer

You can use NumericUpDown control for WPF written by me as a part of WPFControls library

User · Answer

I have a naive  solution but useful  Here is the code    lt Grid Name  TVGrid  Background   7F000000  gt    lt ScrollBar Background  Black  Orientation  Vertical  Height  35  HorizontalAlignment  Left  Margin  215 254 0 0  Minimum  0  Maximum  10  LargeChange  10  Value   Binding ElementName channeltext2  Path Text   x Name  scroll  VerticalAlignment  Top  Width  12  RenderTransformOrigin  0 5 0 5  ValueChanged  scroll ValueChanged   gt             lt ScrollBar RenderTransform gt                 lt TransformGroup gt                     lt ScaleTransform  gt                     lt SkewTransform  gt                     lt RotateTransform Angle  -180   gt                     lt TranslateTransform  gt                 lt  TransformGroup gt             lt  ScrollBar RenderTransform gt         lt  ScrollBar gt         lt TextBox Name  channeltext  HorizontalContentAlignment  Center  FontSize  20   Background  Black  Foreground  White  Height  35  HorizontalAlignment  Left  Margin  147 254 0 0  VerticalAlignment  Top  Width  53  Text  0    gt         lt TextBox Name  channeltext2  Visibility  Hidden  HorizontalContentAlignment  Center  FontSize  20   Background  Black  Foreground  White  Height  35  HorizontalAlignment  Left  Margin  147 254 0 0  VerticalAlignment  Top  Width  53  Text  0    gt    lt  Grid gt

User · Answer

The given answers are OK  However  I wanted the buttons to auto hide  when mouse leave the control  Here is my code based on vercin answer above   Style   lt Style TargetType   x Type v IntegerTextBox   gt           lt Setter Property  Template  gt               lt Setter Value gt                   lt ControlTemplate TargetType   x Type v IntegerTextBox   gt                       lt Grid Background  Transparent  gt                           lt Grid RowDefinitions gt                               lt RowDefinition Height      gt                               lt RowDefinition Height      gt                           lt  Grid RowDefinitions gt                           lt Grid ColumnDefinitions gt                               lt ColumnDefinition Width      gt                               lt ColumnDefinition Width  Auto   gt                           lt  Grid ColumnDefinitions gt                           lt TextBox Name  tbmain  Grid ColumnSpan  2  Grid RowSpan  2                                   Text   Binding Value  Mode TwoWay  NotifyOnSourceUpdated True                               NotifyOnValidationError True  RelativeSource  RelativeSource Mode FindAncestor  AncestorType  x Type v IntegerTextBox                                                     Style   StaticResource ValidationStyle     gt                           lt RepeatButton Name  PART UpButton  BorderThickness  0  Grid Column  1  Grid Row  0                                        Width  13  Background  Transparent  gt                               lt Path Fill  Black  Data  M 0 3 L 6 3 L 3 0 Z   gt                           lt  RepeatButton gt                           lt RepeatButton Name  PART DownButton  BorderThickness  0  Grid Column  1  Grid Row  1                                        Width  13  Background  Transparent  gt                               lt Path Fill  Black  Data  M 0 0 L 3 3 L 6 0 Z   gt                           lt  RepeatButton gt                        lt  Grid gt                       lt ControlTemplate Triggers gt                           lt Trigger Property  IsMouseOver   Value  False  gt                               lt Setter Property  Visibility  TargetName  PART UpButton  Value  Collapsed   gt                               lt Setter Property  Visibility  TargetName  PART DownButton  Value  Collapsed   gt                           lt  Trigger gt                       lt  ControlTemplate Triggers gt                   lt  ControlTemplate gt               lt  Setter Value gt           lt  Setter gt       lt  Style gt    Code  public partial class IntegerTextBox   UserControl       public IntegerTextBox                 InitializeComponent               public int Maximum               get   return  int GetValue MaximumProperty             set   SetValue MaximumProperty  value               public readonly static DependencyProperty MaximumProperty   DependencyProperty Register           Maximum   typeof int   typeof IntegerTextBox   new UIPropertyMetadata int MaxValue           public int Minimum               get   return  int GetValue MinimumProperty             set   SetValue MinimumProperty  value               public readonly static DependencyProperty MinimumProperty   DependencyProperty Register           Minimum   typeof int   typeof IntegerTextBox   new UIPropertyMetadata int MinValue          public int Value               get   return  int GetValue ValueProperty             set   SetCurrentValue ValueProperty  value               public readonly static DependencyProperty ValueProperty   DependencyProperty Register           Value   typeof int   typeof IntegerTextBox   new UIPropertyMetadata 0   o e   gt                        IntegerTextBox tb    IntegerTextBox o              tb RaiseValueChangedEvent e                     public event EventHandler lt DependencyPropertyChangedEventArgs gt  ValueChanged      private void RaiseValueChangedEvent DependencyPropertyChangedEventArgs e                ValueChanged  Invoke this  e               public int Step               get   return  int GetValue StepProperty             set   SetValue StepProperty  value               public readonly static DependencyProperty StepProperty   DependencyProperty Register           Step   typeof int   typeof IntegerTextBox   new UIPropertyMetadata 1           RepeatButton  UpButton      RepeatButton  DownButton      public override void OnApplyTemplate                 base OnApplyTemplate             UpButton   Template FindName  PART UpButton   this  as RepeatButton           DownButton   Template FindName  PART DownButton   this  as RepeatButton           UpButton Click    btup Click           DownButton Click    btdown Click              private void btup Click object sender  RoutedEventArgs e                if  Value  lt  Maximum                        Value    Step              if  Value  gt  Maximum                  Value   Maximum                       private void btdown Click object sender  RoutedEventArgs e                if  Value  gt  Minimum                        Value -  Step              if  Value  lt  Minimum                  Value   Minimum

User · Answer

Apologize for keep answering 9 years questions  I have follow  Michael s answer and it works  I do it as UserControl where I can drag and drop like a Controls elements  I use MaterialDesign Theme from Nuget to get the Chevron icon and button ripple effect  The running NumericUpDown from Micheal with modification will be as below -  The code for user control - TemplateNumericUpDown xaml  lt UserControl x Class  quot UserControlTemplate TemplateNumericUpDown quot               xmlns  quot http   schemas microsoft com winfx 2006 xaml presentation quot               xmlns x  quot http   schemas microsoft com winfx 2006 xaml quot               xmlns mc  quot http   schemas openxmlformats org markup-compatibility 2006 quot                xmlns d  quot http   schemas microsoft com expression blend 2008 quot                xmlns local  quot clr-namespace UserControlTemplate quot               xmlns materialDesign  quot http   materialdesigninxaml net winfx xaml themes quot               mc Ignorable  quot d quot  MinHeight  quot 48 quot  gt       lt Grid Background  quot  DynamicResource  x Static SystemColors WindowFrameBrushKey   quot  gt           lt Grid ColumnDefinitions gt               lt ColumnDefinition  gt               lt ColumnDefinition Width  quot 60 quot   gt           lt  Grid ColumnDefinitions gt           lt TextBox x Name  quot txtNum quot  x FieldModifier  quot private quot  Text  quot  Binding Path NumValue  quot  TextChanged  quot TxtNum TextChanged quot  FontSize  quot 36 quot  BorderThickness  quot 0 quot  VerticalAlignment  quot Center quot  Padding  quot 5 0 quot   gt           lt Grid Grid Column  quot 1 quot  gt               lt Grid RowDefinitions gt                   lt RowDefinition Height  quot 30  quot   gt                   lt RowDefinition Height  quot 30  quot   gt               lt  Grid RowDefinitions gt               lt Grid Background  quot  FF673AB7 quot  gt                   lt Viewbox HorizontalAlignment  quot Stretch quot  VerticalAlignment  quot Stretch quot  Height  quot Auto quot  Width  quot Auto quot  gt                       lt materialDesign PackIcon Kind  quot ChevronUp quot  Foreground  quot White quot  Height  quot 32 941 quot  Width  quot 32 quot   gt                   lt  Viewbox gt                   lt Button x Name  quot cmdUp quot  x FieldModifier  quot private quot  Click  quot CmdUp Click quot  Height  quot Auto quot  BorderBrush  quot  x Null  quot  Background  quot  x Null  quot   gt               lt  Grid gt               lt Grid Grid Row  quot 1 quot  Background  quot  FF673AB7 quot  gt                   lt Viewbox HorizontalAlignment  quot Stretch quot  VerticalAlignment  quot Stretch quot  Height  quot Auto quot  Width  quot Auto quot  gt                       lt materialDesign PackIcon Kind  quot ChevronDown quot  Foreground  quot White quot  Height  quot 32 942 quot  Width  quot 32 quot   gt                   lt  Viewbox gt                   lt Button x Name  quot cmdDown quot  x FieldModifier  quot private quot  Click  quot CmdDown Click quot  Height  quot Auto quot  BorderBrush  quot  x Null  quot  Background  quot  x Null  quot   gt               lt  Grid gt           lt  Grid gt       lt  Grid gt   lt  UserControl gt   TemplateNumericUpDown cs using System Windows  using System Windows Controls   namespace UserControlTemplate            lt summary gt          Interaction logic for TemplateNumericUpDown xaml          lt  summary gt      public partial class TemplateNumericUpDown   UserControl               private int  numValue   0          public TemplateNumericUpDown                         InitializeComponent                txtNum Text    numValue ToString                      public int NumValue                       get   return  numValue                set                               if  value  gt   0                                         numValue   value                      txtNum Text   value ToString                                                       private void CmdUp Click object sender  RoutedEventArgs e                        NumValue                       private void CmdDown Click object sender  RoutedEventArgs e                        NumValue--                     private void TxtNum TextChanged object sender  TextChangedEventArgs e                        if  txtNum    null                                return                             if   int TryParse txtNum Text  out  numValue                   txtNum Text    numValue ToString                       On MyPageDesign xaml  drag and drop created usercontrol will having  lt UserControlTemplate TemplateNumericUpDown HorizontalAlignment  quot Left quot  Height  quot 100 quot  VerticalAlignment  quot Top quot  Width  quot 100 quot   gt   To get the value from the template  I use string Value1   JournalNumStart NumValue  string Value2   JournalNumEnd NumValue   I m not in good skill yet to binding the Height of the control based from FontSize element  so I set the from my page fontsize manually in usercontrol     Note - I have change the  quot Archieve quot  name to Archive on my program

User · Answer

Use VerticalScrollBar with the TextBlock control in WPF  In your code behind  add the following code   In the constructor  define an event handler for the scrollbar   scrollBar1 ValueChanged    new RoutedPropertyChangedEventHandler lt double gt  scrollBar1 ValueChanged   scrollBar1 Minimum   0  scrollBar1 Maximum   1  scrollBar1 SmallChange   0 1    Then in the event handler  add   void scrollBar1 ValueChanged object sender  RoutedPropertyChangedEventArgs lt double gt  e        FteHolderText Text   scrollBar1 Value ToString        Here is the original snippet from my code    make necessary changes       public NewProjectPlan         InitializeComponent         this Loaded    new RoutedEventHandler NewProjectPlan Loaded        scrollBar1 ValueChanged    new RoutedPropertyChangedEventHandler lt double gt  scrollBar1 ValueChanged       scrollBar1 Minimum   0      scrollBar1 Maximum   1      scrollBar1 SmallChange   0 1          etc       void scrollBar1 ValueChanged object sender  RoutedPropertyChangedEventArgs lt double gt  e        FteHolderText Text   scrollBar1 Value ToString

User · Answer

This is example of my own UserControl with Up and Down key catching   Xaml code    lt Grid gt       lt Grid ColumnDefinitions gt           lt ColumnDefinition Width       gt           lt ColumnDefinition Width  13    gt       lt  Grid ColumnDefinitions gt       lt Grid RowDefinitions gt           lt RowDefinition Height  13    gt           lt RowDefinition Height  13    gt       lt  Grid RowDefinitions gt       lt TextBox Name  NUDTextBox   Grid Column  0  Grid Row  0  Grid RowSpan  2  TextAlignment  Right  PreviewKeyDown  NUDTextBox PreviewKeyDown  PreviewKeyUp  NUDTextBox PreviewKeyUp  TextChanged  NUDTextBox TextChanged   gt       lt RepeatButton Name  NUDButtonUP   Grid Column  1  Grid Row  0  FontSize  8  FontFamily  Marlett  VerticalContentAlignment  Center  HorizontalContentAlignment  Center  Click  NUDButtonUP Click  gt 5 lt  RepeatButton gt       lt RepeatButton Name  NUDButtonDown   Grid Column  1  Grid Row  1  FontSize  8   FontFamily  Marlett  VerticalContentAlignment  Center  HorizontalContentAlignment  Center  Height  13  VerticalAlignment  Bottom  Click  NUDButtonDown Click  gt 6 lt  RepeatButton gt   lt  Grid gt    And the code   public partial class NumericUpDown   UserControl       int minvalue   0           maxvalue   100          startvalue   10      public NumericUpDown                 InitializeComponent            NUDTextBox Text   startvalue ToString               private void NUDButtonUP Click object sender  RoutedEventArgs e                int number          if  NUDTextBox Text        number   Convert ToInt32 NUDTextBox Text           else number   0          if  number  lt  maxvalue              NUDTextBox Text   Convert ToString number   1               private void NUDButtonDown Click object sender  RoutedEventArgs e                int number          if  NUDTextBox Text        number   Convert ToInt32 NUDTextBox Text           else number   0          if  number  gt  minvalue              NUDTextBox Text   Convert ToString number - 1               private void NUDTextBox PreviewKeyDown object sender  KeyEventArgs e                 if  e Key    Key Up                        NUDButtonUP RaiseEvent new RoutedEventArgs Button ClickEvent                typeof Button  GetMethod  set IsPressed   BindingFlags Instance   BindingFlags NonPublic  Invoke NUDButtonUP  new object     true                          if  e Key    Key Down                        NUDButtonDown RaiseEvent new RoutedEventArgs Button ClickEvent                typeof Button  GetMethod  set IsPressed   BindingFlags Instance   BindingFlags NonPublic  Invoke NUDButtonDown  new object     true                           private void NUDTextBox PreviewKeyUp object sender  KeyEventArgs e                if  e Key    Key Up              typeof Button  GetMethod  set IsPressed   BindingFlags Instance   BindingFlags NonPublic  Invoke NUDButtonUP  new object     false              if  e Key    Key Down              typeof Button  GetMethod  set IsPressed   BindingFlags Instance   BindingFlags NonPublic  Invoke NUDButtonDown  new object     false                private void NUDTextBox TextChanged object sender  TextChangedEventArgs e                int number   0          if  NUDTextBox Text                  if   int TryParse NUDTextBox Text  out number   NUDTextBox Text   startvalue ToString            if  number  gt  maxvalue   NUDTextBox Text   maxvalue ToString            if  number  lt  minvalue  NUDTextBox Text   minvalue ToString            NUDTextBox SelectionStart   NUDTextBox Text Length

User · Answer

Here is another open source control that has many different input methods  mouse drag  mouse wheel  cursor keys  textbox editing   supports many data types and use cases   https   github com Dirkster99 NumericUpDownLib

User · Answer

Go to NugetPackage manager of you project-  Browse and search for mahApps Metro -  install package into you project  You will see Reference added  MahApps Metro  Then in you XAML code add      xmlns mah  http   metro mahapps com winfx xaml controls   Where you want to use your object add    lt mah NumericUpDown x Name  NumericUpDown        gt     Enjoy the full extensibility of the object  Bindings  triggers and so on

User · Answer

Simply use the IntegerUpDown control in the Extended Wpf Toolkit You can use it like this   Add to your XAML the following namespace  xmlns xctk  quot http   schemas xceed com wpf xaml toolkit quot   In your XAML where you want the control use   lt xctk IntegerUpDown Name  quot myUpDownControl quot    gt

User · Answer

Just a pragmatic to do sample   -Right click your Project  under Solution   select  Manage nuget Packages      -In Menu click Browse Tab search for  wpftoolkit   select  Extended Wpf Toolkit   -Install it   -Right click in your User Control Toolbox  select  Add Tab    and name it  WPF Toolkit   -Right click on the new  WPF Toolkit  Tab  select  Choose items      -In Menu click  Browse     Button  look for nugets DLL folder  select all      packages Extended Wpf Toolkit 3 5 0 lib net40   dll   Ignore Warnings about some DLLs may not containing user controls   Ready

User · Answer

Let s enjoy some hacky things  Here is a Style of Slider as a NumericUpDown  simple and easy to use  without any hidden code or third party library   lt Style TargetType  quot  x Type Slider  quot  gt       lt Style Resources gt           lt Style x Key  quot RepeatButtonStyle quot  TargetType  quot  x Type RepeatButton  quot  gt               lt Setter Property  quot Focusable quot  Value  quot false quot    gt               lt Setter Property  quot IsTabStop quot  Value  quot false quot    gt               lt Setter Property  quot Padding quot  Value  quot 0 quot    gt               lt Setter Property  quot Width quot  Value  quot 20 quot    gt           lt  Style gt       lt  Style Resources gt       lt Setter Property  quot Stylus IsPressAndHoldEnabled quot  Value  quot false quot    gt       lt Setter Property  quot SmallChange quot  Value  quot 1 quot    gt       lt Setter Property  quot Template quot  gt           lt Setter Value gt               lt ControlTemplate TargetType  quot  x Type Slider  quot  gt                   lt Grid gt                       lt Grid RowDefinitions gt                           lt RowDefinition   gt                           lt RowDefinition   gt                       lt  Grid RowDefinitions gt                       lt Grid ColumnDefinitions gt                           lt ColumnDefinition   gt                           lt ColumnDefinition Width  quot Auto quot    gt                       lt  Grid ColumnDefinitions gt                       lt TextBox Grid RowSpan  quot 2 quot                               Height  quot Auto quot                               Margin  quot 0 quot  Padding  quot 0 quot  VerticalAlignment  quot Stretch quot  VerticalContentAlignment  quot Center quot                               Text  quot  Binding RelativeSource  RelativeSource Mode TemplatedParent   Path Value  quot    gt                       lt RepeatButton Grid Row  quot 0 quot  Grid Column  quot 1 quot  Command  quot  x Static Slider IncreaseLarge  quot  Style  quot  StaticResource RepeatButtonStyle  quot  gt                           lt Path Data  quot M4 0 L0 4 8 4 Z quot  Fill  quot Black quot    gt                       lt  RepeatButton gt                       lt RepeatButton Grid Row  quot 1 quot  Grid Column  quot 1 quot  Command  quot  x Static Slider DecreaseLarge  quot  Style  quot  StaticResource RepeatButtonStyle  quot  gt                           lt Path Data  quot M0 0 L4 4 8 0 Z quot  Fill  quot Black quot    gt                       lt  RepeatButton gt                       lt Border x Name  quot TrackBackground quot  Visibility  quot Collapsed quot  gt                           lt Rectangle x Name  quot PART SelectionRange quot  Visibility  quot Collapsed quot    gt                       lt  Border gt                       lt Thumb x Name  quot Thumb quot  Visibility  quot Collapsed quot    gt                   lt  Grid gt               lt  ControlTemplate gt           lt  Setter Value gt       lt  Setter gt   lt  Style gt

User · Answer

I made my own   the xaml   lt StackPanel Orientation  Horizontal  gt       lt TextBox x Name  txtNum  x FieldModifier  private  Margin  5 5 0 5  Width  50  Text  0  TextChanged  txtNum TextChanged    gt       lt Button x Name  cmdUp  x FieldModifier  private  Margin  5 5 0 5  Content     Width  20  Click  cmdUp Click    gt       lt Button x Name  cmdDown  x FieldModifier  private  Margin  0 5 0 5   Content     Width  20  Click  cmdDown Click    gt   lt  StackPanel gt    and the code behind  private int  numValue   0   public int NumValue       get    return  numValue        set                numValue   value          txtNum Text   value ToString             public NumberUpDown         InitializeComponent        txtNum Text    numValue ToString       private void cmdUp Click object sender  RoutedEventArgs e        NumValue       private void cmdDown Click object sender  RoutedEventArgs e        NumValue--     private void txtNum TextChanged object sender  TextChangedEventArgs e        if  txtNum    null                return             if   int TryParse txtNum Text  out  numValue           txtNum Text    numValue ToString

User · Answer

lt ResourceDictionary     xmlns  http   schemas microsoft com winfx 2006 xaml presentation      xmlns x  http   schemas microsoft com winfx 2006 xaml      xmlns local  clr-namespace numericButton2  gt         lt Style TargetType   x Type local NumericUpDown   gt           lt Setter Property  Template  gt               lt Setter Value gt                   lt ControlTemplate TargetType   x Type local NumericUpDown   gt                                         lt Grid gt                               lt Grid RowDefinitions gt                                   lt RowDefinition Height      gt                                   lt RowDefinition Height      gt                                   lt RowDefinition Height      gt                               lt  Grid RowDefinitions gt                               lt RepeatButton Grid Row  0  Name  Part UpButton   gt                               lt ContentPresenter Grid Row  1  gt  lt  ContentPresenter gt                               lt RepeatButton Grid Row  2  Name  Part DownButton   gt                           lt  Grid gt                                     lt  ControlTemplate gt               lt  Setter Value gt           lt  Setter gt       lt  Style gt   lt  ResourceDictionary gt        lt Window x Class  numericButton2 MainWindow              xmlns  http   schemas microsoft com winfx 2006 xaml presentation              xmlns x  http   schemas microsoft com winfx 2006 xaml              xmlns local  clr-namespace numericButton2              Title  MainWindow  Height  350  Width  525  gt           lt Grid gt               lt local NumericUpDown Margin  181 94 253 161  x Name  ufuk  StepValue  4  Minimum  0  Maximum  20  gt                           lt  local NumericUpDown gt               lt TextBlock Margin  211 112 279 0  Text   Binding ElementName ufuk  Path Value   Height  20  VerticalAlignment  Top  gt  lt  TextBlock gt           lt  Grid gt       lt  Window gt  public class NumericUpDown   Control       private RepeatButton  UpButton      private RepeatButton  DownButton      public readonly static DependencyProperty MaximumProperty      public readonly static DependencyProperty MinimumProperty      public readonly static DependencyProperty ValueProperty      public readonly static DependencyProperty StepProperty         static NumericUpDown                 DefaultStyleKeyProperty OverrideMetadata typeof NumericUpDown   new FrameworkPropertyMetadata typeof NumericUpDown             MaximumProperty   DependencyProperty Register  Maximum   typeof int   typeof NumericUpDown   new UIPropertyMetadata 10            MinimumProperty   DependencyProperty Register  Minimum   typeof int   typeof NumericUpDown   new UIPropertyMetadata 0            StepProperty   DependencyProperty Register  StepValue   typeof int   typeof NumericUpDown   new FrameworkPropertyMetadata 5            ValueProperty   DependencyProperty Register  Value   typeof int   typeof NumericUpDown   new FrameworkPropertyMetadata 0               region DpAccessior     public int Maximum               get   return  int GetValue MaximumProperty             set   SetValue MaximumProperty  value               public int Minimum               get   return  int GetValue MinimumProperty             set   SetValue MinimumProperty  value               public int Value               get   return  int GetValue ValueProperty             set   SetCurrentValue ValueProperty  value               public int StepValue               get   return  int GetValue StepProperty             set   SetValue StepProperty  value                endregion     public override void OnApplyTemplate                 base OnApplyTemplate             UpButton   Template FindName  Part UpButton   this  as RepeatButton           DownButton   Template FindName  Part DownButton   this  as RepeatButton           UpButton Click     UpButton Click           DownButton Click     DownButton Click             void  DownButton Click object sender  RoutedEventArgs e                if  Value  gt  Minimum                        Value -  StepValue              if  Value  lt  Minimum                  Value   Minimum                       void  UpButton Click object sender  RoutedEventArgs e                if  Value  lt  Maximum                        Value    StepValue              if  Value  gt  Maximum                  Value   Maximum

[wpf] Where is the WPF Numeric UpDown control?

Examples related to wpf

Examples related to controls

Examples related to numericupdown

Examples related to updown