app/VolumeSlider.qml

   1 import QtQuick.Layouts 1.1
   2 import QtQuick.Controls 2.0
   3
   4 RowLayout {
   5     property int value
   6     property string role
   7     signal sliderValueChanged(string role, int value)
   8
   9     onRoleChanged: sliderName.text = role
  10     onValueChanged: {
  11         sliderValue.text = value + " %"
  12         sliderControl.value = value;
  13     }
  14
  15     Layout.minimumHeight: 75
  16     Label {
  17         id: sliderName
  18         font.pixelSize: 24
  19         text: role
  20         Layout.minimumWidth: 150
  21     }
  22     Label {
  23         id: sliderValue
  24         font.pixelSize: 24
  25         text: "0 %"
  26     }
  27     Slider {
  28         id: sliderControl
  29         Layout.fillWidth: true
  30         from: 0
  31         to: 100
  32         stepSize: 1
  33         snapMode: Slider.SnapOnRelease
  34         onValueChanged: {
  35             sliderValue.text = value + " %";
  36             sliderValueChanged(role, value);
  37         }
  38     }
  39 }