From a78db8638590c797c78c36b2ef3de5ed9c012bba Mon Sep 17 00:00:00 2001 From: Scott Murray Date: Tue, 28 Mar 2017 17:32:16 -0400 Subject: Initial import from CES2017 repository Pull AGL QtQuickControls2 style customizations out of CES2017 repository. Bug-AGL: SPEC-462 Change-Id: I7d7c6df3ea2832026adf26c640c56308668f0340 Signed-off-by: Scott Murray --- imports/qtquickcontrols2aglstyle/ProgressBar.qml | 51 ++++++++++++++++++++++++ 1 file changed, 51 insertions(+) create mode 100644 imports/qtquickcontrols2aglstyle/ProgressBar.qml (limited to 'imports/qtquickcontrols2aglstyle/ProgressBar.qml') diff --git a/imports/qtquickcontrols2aglstyle/ProgressBar.qml b/imports/qtquickcontrols2aglstyle/ProgressBar.qml new file mode 100644 index 0000000..26135a1 --- /dev/null +++ b/imports/qtquickcontrols2aglstyle/ProgressBar.qml @@ -0,0 +1,51 @@ +/* + * Copyright (C) 2016 The Qt Company Ltd. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +import QtQuick 2.6 +import QtQuick.Templates 2.0 as T + +T.ProgressBar { + id: control + implicitWidth: background.implicitWidth + implicitHeight: background.implicitHeight + + background: Rectangle { + implicitWidth: 200 + implicitHeight: 10 + radius: control.height / 2 + x: control.leftPadding + y: parent.height / 2 - height / 2 + color: "#666666" + } + + contentItem: Item { + implicitWidth: background.implicitWidth + implicitHeight: background.implicitHeight + + Rectangle { + rotation: -90 + transformOrigin: Item.TopLeft + y: 10 + width: parent.height + height: control.visualPosition * background.width + radius: width / 2 + gradient: Gradient { + GradientStop { position: 0.0; color: '#59FF7F' } + GradientStop { position: 1.0; color: '#6BFBFF' } + } + } + } +} -- cgit 1.2.3-korg