We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Syncfusion Feedback

Trusted by the world’s leading companies

Syncfusion Trusted 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.

xamarin forms numeric up down with range validation


Step value

Customizes the step value that applies to every increase or decrease of the spin buttons.

xamarin forms numeric up down with custom step value


Autoreverse

Provides continuous spinning between ranges.

xamarin forms numeric up down demonstrates the continuous spinning between range


Spin buttons

Spin buttons are highly customizable.

xamarin forms numeric up down with custom spin alignment

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.

xamarin forms numeric up down with custom spin icon font

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.

xamarin forms numeric up down spin with image

Image

A direct option is used to apply images on a spin button to indicate the up-down value.

xamarin forms numeric up down spin with custom view

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.

xamarin forms numeric up down demonstrates spin validation

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.

xamarin forms numeric up down with custom number format

Number format

Through formatting, the percentage and currency behaviors can be achieved. Currency and number denotations display based on the culture setting.

xamarin forms numeric up down with custom text

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.

xamarin forms numeric up down with custom decimal precision

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

xamarin forms numeric up down font size customization

Font size

You can customize the font size with pixel precision along with standard options such as small, medium, and large.

xamarin forms numeric up down font family customization

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.

xamarin forms numeric up down color customization

Color customization

Text colors and background colors can be customized.

xamarin forms numeric up down MVVM support

MVVM

The numeric up-down control has been designed with MVVM pattern in mind in every single aspect.

xamarin forms numeric up down globalization support

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;
}


150+ XAMARIN UI CONTROLS

ALL CONTROLS
  • Xamarin.Forms
  • Xamarin.Android
  • Xamarin.iOS
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.

Rated by users across the globe

Transform your applications today by downloading our free evaluation version
Download Free Trial No credit card required.

Syncfusion Xamarin.Forms Resources

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.

Up arrow icon