liveBook · Manning

Custom stepper control

As explained in .NET MAUI in Action

A custom stepper control is a user-defined interface control that displays a numeric value and provides controls for increasing or decreasing it.

A custom stepper control combines an editable numeric field with buttons for increasing and decreasing its value. It improves touch-oriented input for larger numbers and packages the solution for reuse. section 11.1

Build the control as a reusable .NET MAUI ContentView:

  • Create a Controls folder and add a ContentView named MildredStepper. section 11.1.1
  • Arrange two Buttons and an Entry in a three-column Grid, using wider columns for the editable number. section 11.1.1
  • Handle button clicks by changing the integer Value and updating the Entry text. section 11.1.1
  • Register the control’s XML namespace and place it on an input page wherever the count UI is needed. section 11.1.1

How .NET MAUI in Action covers it

How deep it goes
Builds the layout, event handlers, value property, parsing logic, and XAML integration without covering advanced binding.
Examples
Uses MildredStepper, a three-column Grid, and its integration into InputPage.
What it assumes
Starts with .NET MAUI ContentView, XAML, Grid, Button, and Entry basics.
What you can do after
Build it from scratch as a reusable .NET MAUI numeric input control and place it in XAML pages.
How it connects
Connects ContentView, XAML, Grid, Button, Entry, event handlers, and XML namespaces.
Cover of .NET MAUI in Action
liveBookmanning.com
Read .NET MAUI in Action on liveBook Get the book at manning.com

Related concepts

This explainer was generated by Manning's knowledge graph from the text of .NET MAUI in Action. The section links point to the parts of the book it draws on.