Tour Preview

Find the Best Demos and Examples

Check out this quick tour to find the best demos and examples for you, and to see how the Felgo SDK can help you to develop your next app or game!


A slider control with one handle. More...

Import Statement: import Felgo 3.0
Since: Felgo 2.10.0


Detailed Description

Note: The AppSlider is based on the Qt Quick Controls 2 Slider, please visit its documentation for the list of inherited properties, signals and methods.

The AppSlider comes with a default look that matches platform-specific styles for iOS and Android.

iOS Android

Example Usage

 import Felgo 3.0
 import QtQuick 2.5

 App {
   NavigationStack {

     Page {
       title: "Slider Example"

       Column {
         anchors.centerIn: parent

         // show slider
         AppSlider {
           id: slider

         // display slider position
         AppText {
           anchors.horizontalCenter: parent.horizontalCenter
           text: "Position: "+Math.round(slider.position * 100)

       } // Column
     } // Page


Property Documentation

knobBorderColor : color

The color of the knob's border. Matches the knobColor by default.

knobBorderWidth : real

The width of the knob's border. The default width is 0, which means no border is shown.

knobColor : color

The color of the knob. Matches platform-specific values by default.

knobShadow : bool

Whether a drop-shadow is added to the knob. Matches platform-specific values.

tintedTrackColor : color

The color of the tinted part of the slider track. Matches Theme::tintColor by default.

trackColor : color

The background color of the slider track. Matches Theme::controlBackgroundColor by default.