app/VolumeSlider.qml

   1 import QtQuick 2.6
   2 import QtQuick.Layouts 1.1
   3 import QtQuick.Controls 2.0
   4
   5 ColumnLayout {
   6         anchors.left: parent.left
   7         anchors.right: parent.right
   8         Layout.minimumHeight: 125
   9
  10         Label {
  11                 font.pixelSize: 24
  12                 text: modelData.name
  13         }
  14         Label {
  15                 font.pixelSize: 24
  16                 text: modelData.value + " %"
  17         }
  18         Slider {
  19                 id: roleValueSlider
  20                 Layout.fillWidth: true
  21                 from: 0
  22                 to: 100
  23                 value: modelData.value
  24                 stepSize: 1
  25                 snapMode: Slider.SnapOnRelease
  26         }
  27
  28         Binding {
  29                 target: modelData
  30                 property: "value"
  31                 value: roleValueSlider.value
  32         }
  33 }