Learn what Felgo offers to help your business succeed. Start your free evaluation today! Felgo for Your Business

AppSlider

A slider control with one handle. More...

Import Statement: import Felgo 4.0
Since: Felgo 2.10.0
Inherits:

Slider

Properties

Detailed Description

Note: The AppSlider is based on the Qt Quick Controls 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
 import QtQuick

 App {
   NavigationStack {

     AppPage {
       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.


Qt_Technology_Partner_RGB_475 Qt_Service_Partner_RGB_475_padded