/* * Copyright (C) 2011 by Daker Fernandes Pinheiro * * 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 } } } } }