mirror of https://github.com/cutefishos/settings
You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
114 lines
3.6 KiB
QML
114 lines
3.6 KiB
QML
/*
|
|
* Copyright (C) 2021 CutefishOS Team.
|
|
*
|
|
* Author: revenmartin <revenmartin@gmail.com>
|
|
*
|
|
* This program is free software: you can redistribute it and/or modify
|
|
* it under the terms of the GNU General Public License as published by
|
|
* the Free Software Foundation, either version 3 of the License, or
|
|
* 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 General Public License
|
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
*/
|
|
|
|
import QtQuick 2.12
|
|
import QtQuick.Controls 2.12
|
|
import QtGraphicalEffects 1.0
|
|
import QtQuick.Particles 2.12
|
|
import FishUI 1.0 as FishUI
|
|
|
|
Item {
|
|
id: control
|
|
height: 150
|
|
|
|
property int value: 0
|
|
property int radius: height * 0.15
|
|
property bool enableAnimation: false
|
|
|
|
Rectangle {
|
|
id: bgRect
|
|
anchors.fill: parent
|
|
color: Qt.rgba(FishUI.Theme.highlightColor.r,
|
|
FishUI.Theme.highlightColor.g,
|
|
FishUI.Theme.highlightColor.b, 0.4)
|
|
radius: control.radius
|
|
|
|
layer.enabled: true
|
|
layer.effect: OpacityMask {
|
|
maskSource: Item {
|
|
width: bgRect.width
|
|
height: bgRect.height
|
|
|
|
Rectangle {
|
|
anchors.fill: parent
|
|
radius: control.radius + 1
|
|
}
|
|
}
|
|
}
|
|
|
|
Rectangle {
|
|
id: valueRect
|
|
anchors.left: parent.left
|
|
anchors.top: parent.top
|
|
anchors.bottom: parent.bottom
|
|
width: control.width * (control.value / 100)
|
|
color: FishUI.Theme.highlightColor
|
|
opacity: 1
|
|
|
|
gradient: Gradient {
|
|
orientation: Gradient.Horizontal
|
|
GradientStop { position: 0.0; color: Qt.rgba(FishUI.Theme.highlightColor.r,
|
|
FishUI.Theme.highlightColor.g,
|
|
FishUI.Theme.highlightColor.b, 1) }
|
|
GradientStop { position: 1.0; color: Qt.rgba(FishUI.Theme.highlightColor.r,
|
|
FishUI.Theme.highlightColor.g,
|
|
FishUI.Theme.highlightColor.b, 0.3) }
|
|
}
|
|
|
|
Behavior on width {
|
|
SmoothedAnimation {
|
|
velocity: 1000
|
|
easing.type: Easing.OutSine
|
|
}
|
|
}
|
|
|
|
ParticleSystem {
|
|
anchors.fill: parent
|
|
|
|
Emitter {
|
|
id: emitter
|
|
anchors.fill: parent
|
|
emitRate: 7
|
|
lifeSpan: 2000
|
|
lifeSpanVariation: 500
|
|
size: 16
|
|
endSize: 32
|
|
enabled: control.enableAnimation
|
|
|
|
velocity: AngleDirection {
|
|
angle: 0
|
|
magnitude: 175
|
|
magnitudeVariation: 50
|
|
}
|
|
}
|
|
|
|
ItemParticle {
|
|
delegate: Rectangle {
|
|
id: particleRect
|
|
width: Math.ceil(Math.random() * (10 - 4)) + 4
|
|
height: width
|
|
radius: width
|
|
color: Qt.rgba(255, 255, 255, 0.3)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|