plasma-framework/declarativeimports/test/gallery/Scrollers.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.1
import org.kde.plasma.components 0.1 as PlasmaComponents

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

    PlasmaComponents.ToolBarLayout {
        id: toolbarlayout
        spacing: 5
        PlasmaComponents.ToolButton {
            text: "ToolButton"
        }
        PlasmaComponents.ScrollBar {
            orientation: Qt.Horizontal
            interactive: true
            flickableItem: scrollArea
            width: 200
        }
        PlasmaComponents.TextField {
            text: "hello"
        }
        Component.onCompleted: {
            app.tools = toolbarlayout
        }
    }
    Column {
        spacing: 20

        Text {
            font.pixelSize: 20
            text: "Scroll Bar"
        }

        ListView {
            id: scrollList

            width: 200
            height: 200
            clip: true
            model: 20
            delegate: Text {
                width: 200
                height: 30
                text: index
                font.pixelSize: 18
            }

            Rectangle {
                anchors.fill: parent
                color: "grey"
                opacity: 0.3
            }

            PlasmaComponents.ScrollBar {
                id: scrollBar
                orientation: Qt.Vertical
                flickableItem: scrollList
                stepSize: 40
                scrollButtonInterval: 50
                anchors {
                    top: scrollList.top
                    right: scrollList.right
                    bottom: scrollList.bottom
                }
            }
        }

        Text {
            font.pixelSize: 20
            text: "Scroll Decorator"
        }

        Item {
            width: 200
            height: 200
            PlasmaComponents.Highlight { anchors.fill: parent }
            Flickable {
                id: scrollArea
                anchors.fill: parent
                clip: true
                contentWidth: 400
                contentHeight: 400

                // Flickable Contents
                Rectangle {
                    color: "green"
                    width: 100
                    height: 100
                }
                Rectangle {
                    x: 80
                    y: 80
                    color: "blue"
                    width: 200
                    height: 200
                }
                Rectangle {
                    x: 200
                    y: 200
                    color: "red"
                    width: 150
                    height: 150
                }
            }

            // Scroll Decorators
            PlasmaComponents.ScrollBar {
                orientation: Qt.Vertical
                flickableItem: scrollArea
                inverted: true
                anchors {
                    top: scrollArea.top
                    right: scrollArea.right
                    bottom: scrollArea.bottom
                }
                Text {
                    y: parent.height / 2
                    x: 13
                    rotation: -90
                    text: "inverted"
                }
            }
            PlasmaComponents.ScrollBar {
                orientation: Qt.Horizontal
                flickableItem: scrollArea
                anchors {
                    left: scrollArea.left
                    right: scrollArea.right
                    bottom: scrollArea.bottom
                }
            }
        }
    }
}