Xamarin.Forms NumericUpDown - Simple and Flexible Input Control
- Range validation restricts the input value to within a limit.
- Customizing the spin buttons helps adapt the control to your app design.
- Built-in features such as autoreverse value, culture, and string format are provided.
Trusted by the world’s leading companies
Overview
The Xamarin NumericUpDown is an editor control that allows users to increase or decrease a numeric value using increment and decrement buttons. This control also allows selecting a numeric value within a certain range.
Range validation
Define the minimum and maximum values when an app needs to restrict users to selecting a value within a range. This meets a requirement like booking airline tickets when you want to restrict commuters to booking a maximum of five (for example) tickets at a time.
Step value
Customizes the step value that applies to every increase or decrease of the spin buttons.
Autoreverse
Provides continuous spinning between ranges.
Spin buttons
Spin buttons are highly customizable.
Alignment
Spin button can be aligned at the left or right side of the control. To enhance the alignment, the buttons can be aligned at both sides, where the up button is on the right and the down button is on the left.
Icon font
Rescale and change the color by simply applying the icon font to the spin button. This option provides a simple interface with which you get rid of icon scalability issues on various devices.
Image
A direct option is used to apply images on a spin button to indicate the up-down value.
Custom view
You can apply a custom view to a spin button. Use a busy indicator if you are doing a service-based requirement when you select a numeric value.
Spin validation
The incremental or decremental values can be validated once with every tap or constantly updated on touch.
Formats
The numeric up-down control can be formatted based on the standard MSDN number formats.
Number format
Through formatting, the percentage and currency behaviors can be achieved. Currency and number denotations display based on the culture setting.
Custom format
The numeric up-down control can also work with a custom format. The custom format can be any symbol or text that can be placed as a prefix or suffix to a number.
Decimal precision
The precision of a value can be controlled based on the application requirement. The number precision can be restricted to any limit while typing the value itself.
General information
Font size
You can customize the font size with pixel precision along with standard options such as small, medium, and large.
Font family
You are not constrained to using traditional fonts. So you can use a custom font that suits your application. This control can render some iconic fonts, too.
Color customization
Text colors and background colors can be customized.
MVVM
The numeric up-down control has been designed with MVVM pattern in mind in every single aspect.
Globalization
The currency format and number format are culturally sensed.
Xamarin.Forms NumericUpDown Code Example
Easily get started with the Xamarin.Forms NumericUpDown Control using a few simple lines of C# code example as demonstrated below. Also explore our Xamarin NumericUpDown Example that shows you how to render and configure the NumericUpDown in Xamarin.Forms.
<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:local="clr-namespace:GettingStarted;assembly=GettingStarted"
xmlns:numeric="clr-namespace:Syncfusion.SfNumericUpDown.XForms;assembly=Syncfusion.SfNumericUpDown.XForms"
x:Class="GettingStarted.Sample">
<ContentPage.Content>
<numeric:SfNumericUpDown/>
</ContentPage.Content>
</ContentPage>using Syncfusion.SfNumericUpDown.XForms
using Xamarin.Forms;
public MainPage()
{
InitializeComponent();
SfNumericUpDown numericUpDown=new SfNumericUpDown();
this.Content = numericUpDown;
}Not sure how to create your first Xamarin NumericUpDown Control? Our documentation can help.
I’d love to read it now150+ XAMARIN UI CONTROLS
ALL CONTROLS
-
Xamarin.Forms
-
Xamarin.Android
-
Xamarin.iOS
-
GRIDSDATA VISUALIZATIONNAVIGATIONEDITORSLAYOUTPROJECT MANAGEMENTNOTIFICATIONDOCUMENT PROCESSING LIBRARIESVIEWER/EDITORMISCELLANEOUSCHAT
-
GRIDSDATA VISUALIZATIONNAVIGATIONEDITORSLAYOUTPROJECT MANAGEMENTNOTIFICATIONVIEWER/EDITORDOCUMENT PROCESSING LIBRARIESMISCELLANEOUS
-
GRIDSDATA VISUALIZATIONNAVIGATIONEDITORSLAYOUTPROJECT MANAGEMENTNOTIFICATIONVIEWER/EDITORDOCUMENT PROCESSING LIBRARIESMISCELLANEOUS
The most downloaded control (based on the nuget.org download count).
Our Customers Love Us
Having an excellent set of tools and a great support team, Syncfusion® reduces customers’ development time.Here are some of their experiences.
Amazing tool, great designs
Using Xamarin templates from Syncfusion I can focus on the code and do not have to worry about design. Very easy to implement.
Dirk F,
Software Development Engineer, Small-Business
Essential for any Xamarin developer!
A large number of components that complement or improve almost everything that does not yet exist in Xamarin. The support is the best I've ever seen! They fix bugs quickly and are always willing to listen to suggestions.
Cezar W,
Co-Founder, Small-Business
Rated by users across the globe
Syncfusion Xamarin.Forms Resources
Learning
Documentation
Documentation
Awards
Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion® is proud to hold the following industry awards.
