diff options
author | J-P Nurmi <jpnurmi@theqtcompany.com> | 2015-01-30 20:57:40 +0100 |
---|---|---|
committer | Jari-Pekka Nurmi <jpnurmi@theqtcompany.com> | 2015-02-05 14:50:29 +0200 |
commit | 8b2a1ec43134e191a5f9bb08a73f1a694d52927d (patch) | |
tree | e3e7e8a14316fa488c3a2dab95fbfd3e592ece2b /src/imports/controls/ProgressBar.qml | |
parent | b46d1280b8d43f80d0ed7c38e11008b9d00a8e1d (diff) |
Import the Qt Quick Controls 2 prototype
Change-Id: Ib8c0c4160958e5cfea29a6e9df1b3f1fb19715fc
Reviewed-by: Jari-Pekka Nurmi <jpnurmi@theqtcompany.com>
Diffstat (limited to 'src/imports/controls/ProgressBar.qml')
-rw-r--r-- | src/imports/controls/ProgressBar.qml | 101 |
1 files changed, 101 insertions, 0 deletions
diff --git a/src/imports/controls/ProgressBar.qml b/src/imports/controls/ProgressBar.qml new file mode 100644 index 00000000..8e6342ee --- /dev/null +++ b/src/imports/controls/ProgressBar.qml @@ -0,0 +1,101 @@ +/**************************************************************************** +** +** Copyright (C) 2015 The Qt Company Ltd. +** Contact: http://www.qt.io/licensing/ +** +** This file is part of the Qt Quick Controls module of the Qt Toolkit. +** +** $QT_BEGIN_LICENSE:LGPL3$ +** Commercial License Usage +** Licensees holding valid commercial Qt licenses may use this file in +** accordance with the commercial license agreement provided with the +** Software or, alternatively, in accordance with the terms contained in +** a written agreement between you and The Qt Company. For licensing terms +** and conditions see http://www.qt.io/terms-conditions. For further +** information use the contact form at http://www.qt.io/contact-us. +** +** GNU Lesser General Public License Usage +** Alternatively, this file may be used under the terms of the GNU Lesser +** General Public License version 3 as published by the Free Software +** Foundation and appearing in the file LICENSE.LGPLv3 included in the +** packaging of this file. Please review the following information to +** ensure the GNU Lesser General Public License version 3 requirements +** will be met: https://www.gnu.org/licenses/lgpl.html. +** +** GNU General Public License Usage +** Alternatively, this file may be used under the terms of the GNU +** General Public License version 2.0 or later as published by the Free +** Software Foundation and appearing in the file LICENSE.GPL included in +** the packaging of this file. Please review the following information to +** ensure the GNU General Public License version 2.0 requirements will be +** met: http://www.gnu.org/licenses/gpl-2.0.html. +** +** $QT_END_LICENSE$ +** +****************************************************************************/ + +import QtQuick 2.4 +import QtQuick.Controls 2.0 + +AbstractProgressBar { + id: control + + implicitWidth: Math.max(background ? background.implicitWidth : 0, + indicator ? indicator.implicitWidth : 0) + padding.left + padding.right + implicitHeight: Math.max(background ? background.implicitHeight : 0, + indicator ? indicator.implicitHeight : 0) + padding.top + padding.bottom + + Accessible.role: Accessible.ProgressBar + + padding { top: style.padding; left: style.padding; right: style.padding; bottom: style.padding } + + indicator: Item { + x: padding.left + y: padding.top + width: parent.width - padding.left - padding.right + height: parent.height - padding.top - padding.bottom + scale: control.effectiveLayoutDirection === Qt.RightToLeft ? -1 : 1 + + Repeater { + model: indeterminate ? 2 : 1 + + Rectangle { + property real offset: indeterminate ? 0 : control.value + + x: 2 + (indeterminate ? offset * parent.width - 4 : 0) + y: (parent.height - height) / 2 + width: offset * (parent.width - x) - 2 + height: 2 + + color: style.accentColor + radius: style.roundness + + SequentialAnimation on offset { + loops: Animation.Infinite + running: indeterminate && visible + PauseAnimation { duration: index ? 520 : 0 } + NumberAnimation { + easing.type: Easing.OutCubic + duration: 1240 + from: 0 + to: 1 + } + PauseAnimation { duration: index ? 0 : 520 } + } + } + } + } + + background: Rectangle { + implicitWidth: 120 + implicitHeight: 6 + x: padding.left + y: (parent.height - height) / 2 + width: parent.width - padding.left - padding.bottom + height: 6 + + radius: style.roundness + border.color: style.frameColor + color: "transparent" + } +} |