1/**************************************************************************** 2** 3** Copyright (C) 2015 The Qt Company Ltd. 4** Contact: http://www.qt.io/licensing/ 5** 6** This file is part of the Qt Mobility Components. 7** 8** $QT_BEGIN_LICENSE:LGPL21$ 9** Commercial License Usage 10** Licensees holding valid commercial Qt licenses may use this file in 11** accordance with the commercial license agreement provided with the 12** Software or, alternatively, in accordance with the terms contained in 13** a written agreement between you and The Qt Company. For licensing terms 14** and conditions see http://www.qt.io/terms-conditions. For further 15** information use the contact form at http://www.qt.io/contact-us. 16** 17** GNU Lesser General Public License Usage 18** Alternatively, this file may be used under the terms of the GNU Lesser 19** General Public License version 2.1 or version 3 as published by the Free 20** Software Foundation and appearing in the file LICENSE.LGPLv21 and 21** LICENSE.LGPLv3 included in the packaging of this file. Please review the 22** following information to ensure the GNU Lesser General Public License 23** requirements will be met: https://www.gnu.org/licenses/lgpl.html and 24** http://www.gnu.org/licenses/old-licenses/lgpl-2.1.html. 25** 26** As a special exception, The Qt Company gives you certain additional 27** rights. These rights are described in The Qt Company LGPL Exception 28** version 1.1, included in the file LGPL_EXCEPTION.txt in this package. 29** 30** $QT_END_LICENSE$ 31** 32****************************************************************************/ 33 34import QtQuick 2.0 35 36Rectangle { 37 id: root 38 color: "transparent" 39 height: view.model.count * sliderHeight 40 property color lineColor: "black" 41 property real gripSize: 25 42 property real spacing: 20 43 property real sliderHeight: 60 44 45 property ListModel model: ListModel { } 46 47 anchors.topMargin: 10 48 49 Component { 50 id: editDelegate 51 52 Rectangle { 53 id: delegate 54 width: parent.width 55 height: root.sliderHeight 56 color: "transparent" 57 58 Text { 59 id: text 60 text: name 61 color: "white" 62 anchors { 63 top: parent.top 64 bottom: parent.bottom 65 left: parent.left 66 } 67 font.pixelSize: fontSize 68 horizontalAlignment: Text.AlignRight 69 verticalAlignment: Text.AlignVCenter 70 width: 8 * fontSize 71 } 72 73 Slider { 74 anchors { 75 top: parent.top 76 bottom: parent.bottom 77 left: text.right 78 leftMargin: 20 79 right: parent.right 80 rightMargin: 20 81 } 82 gripSize: root.gripSize 83 value: model.value 84 onValueChanged: view.model.setProperty(index, "value", value) 85 } 86 } 87 } 88 89 ListView { 90 id: view 91 anchors.fill: parent 92 model: root.model 93 delegate: editDelegate 94 interactive: false 95 } 96} 97