plasma-framework/declarativeimports/test/gallery/Sliders.qml

/*
*   Copyright (C) 2011 by Daker Fernandes Pinheiro <dakerfp@gmail.com>
*
*   This program is free software; you can redistribute it and/or modify
*   it under the terms of the GNU Library General Public License as
*   published by the Free Software Foundation; either version 2, or
*   (at your option) any later version.
*
*   This program is distributed in the hope that it will be useful,
*   but WITHOUT ANY WARRANTY; without even the implied warranty of
*   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
*   GNU General Public License for more details
*
*   You should have received a copy of the GNU Library General Public
*   License along with this program; if not, write to the
*   Free Software Foundation, Inc.,
*   51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
*/

import QtQuick 1.0
import org.kde.plasma.components 0.1 as PlasmaComponents

PlasmaComponents.Page {
    height: childrenRect.height
    property int implicitHeight: childrenRect.height

    tools: PlasmaComponents.ToolBarLayout {
        spacing: 5
        PlasmaComponents.ToolButton {
            text: "ToolButton"
        }
        PlasmaComponents.Slider {
            width: 140
            animated: true
            enabled: true
        }
        PlasmaComponents.TextField {
            text: "hello"
        }
    }
    Column {
        spacing: 20

        PlasmaComponents.Label {
            font.pixelSize: 20
            text: "Slider"
        }

        PlasmaComponents.Highlight {
            width: 300
            height: 400
            Column {
                anchors {
                    fill: parent
                }
                spacing: 10

                PlasmaComponents.Label { text: "Color Selector"; font.pixelSize: 20 }

                PlasmaComponents.Label { text: "Red" }

                PlasmaComponents.Slider {
                    id: redSlider
                    height: 20
                    width: 255
                    orientation: Qt.Horizontal
                    minimumValue: 0
                    maximumValue: 255
                    stepSize: 10
                    Keys.onTabPressed: greenSlider.forceActiveFocus()
                }

                PlasmaComponents.Label { text: "Green" }

                PlasmaComponents.Slider {
                    id: greenSlider
                    height: 20
                    width: 255
                    orientation: Qt.Horizontal
                    minimumValue: 0
                    maximumValue: 255
                    stepSize: 10
                    animated: true
                    Keys.onTabPressed: blueSlider.forceActiveFocus()
                }

                PlasmaComponents.Label { text: "Blue" }

                PlasmaComponents.Slider {
                    id: blueSlider
                    height: 20
                    width: 255
                    orientation: Qt.Horizontal
                    minimumValue: 0
                    maximumValue: 255
                    stepSize: 10
                    Keys.onTabPressed: redSlider.forceActiveFocus()
                }

                Rectangle {
                    anchors.horizontalCenter: parent.horizontalCenter
                    width: parent.width / 2
                    height: width
                    color: Qt.rgba(redSlider.value / 255, greenSlider.value / 255, blueSlider.value / 255, 1)
                }
            }
        }

        PlasmaComponents.Label { text: "Disabled Horizontal Slider" }

        PlasmaComponents.Slider {
            id: horizontalSlider
            width: 140
            height: 20
            animated: true
            enabled: false
        }

        PlasmaComponents.Label { text: "Inverted Horizontal Slider" }

        PlasmaComponents.Slider {
            id: invHorizontalSlider
            width: 140
            height: 20
            inverted: true
            animated: true
            enabled: true
        }

        PlasmaComponents.Label { text: "Vertical Slider" }

        Row {
            spacing: 30
            PlasmaComponents.Slider {
                id: verticalSlider
                width: 20
                height: 140
                orientation: Qt.Vertical
                minimumValue: 10
                maximumValue: 1000
                stepSize: 50
                inverted: true
                animated: true
            }
            PlasmaComponents.Label { text: verticalSlider.value }
        }

    }
}