Topics List
Design Elements

Stepper
Incremental Control: The Stepper Widget

The stepper widget provides users with a simple and intuitive way to adjust numerical values incrementally. Typically displayed as a pair of arrow buttons, one for increasing and one for decreasing the value, the stepper allows users to fine-tune settings or make precise adjustments. This widget is particularly useful for settings like volume control, font size selection, or any other parameter where precise adjustments are required. By incorporating a stepper, apps can offer users a convenient and efficient method for adjusting values with ease.



You can download the project from the following link:

Class_Rar_0__37.rar

You can observe the project in motion here:



Stepper“s Properties


During design mode, you can assign the following properties and events to a Stepper:



  • name: The name of the Stepper control.

  • Position and Size

    • x: The x-coordinate of the Stepper control.

    • y: The y-coordinate of the Stepper control.

    • const_anchorX: The anchor point on the x-axis.

    • const_anchorY: The anchor point on the y-axis.

    • const_width: The width of the Stepper control.

    • const_height: The height of the Stepper control.

    • toBack: Set to true to move the Stepper control to the back.

    • toFront: Set to true to move the Stepper control to the front.

    • isVisible: Set to true to make the Stepper control visible.

    • stepper_sheet_PIC: The image for the Stepper control.

  • Content

    • initialValue: The initial value of the Stepper control.

    • minimumValue: The minimum value of the Stepper control.

    • maximumValue: The maximum value of the Stepper control.

    • timerIncrementSpeed: The speed at which the value increments when the Stepper control is held down.

    • changeSpeedAtIncrement: The value at which the speed of increment changes.

  • Functions

    • increment: The function to execute when the Stepper control is incremented.

    • decrement: The function to execute when the Stepper control is decremented.

    • minLimit: The function to execute when the Stepper control reaches the minimum value.

    • maxLimit: The function to execute when the Stepper control reaches the maximum value.