32 lines
942 B
QML
32 lines
942 B
QML
|
// =========================================
|
|||
|
|
// =============== 水平进度条 ===============
|
|||
|
|
// =========================================
|
|||
|
|
|
|||
|
|
import QtQuick 2.15
|
|||
|
|
import QtGraphicalEffects 1.15
|
|||
|
|
|
|||
|
|
Rectangle {
|
|||
|
|
id: progressBarRoot
|
|||
|
|
property real percent: 0 // 百分比，0~1
|
|||
|
|
property color highlightColor: theme.yesColor // 高亮颜色
|
|||
|
|
color: theme.coverColor1 // 背景颜色
|
|||
|
|
radius: size_.btnRadius // 整体圆角
|
|||
|
|
Rectangle {
|
|||
|
|
width: percent * parent.width // 宽度动态计算
|
|||
|
|
anchors.top: parent.top
|
|||
|
|
anchors.bottom: parent.bottom
|
|||
|
|
anchors.left: parent.left
|
|||
|
|
radius: parent.radius
|
|||
|
|
color: parent.highlightColor
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 内圆角裁切
|
|||
|
|
layer.enabled: true
|
|||
|
|
layer.effect: OpacityMask {
|
|||
|
|
maskSource: Rectangle {
|
|||
|
|
width: progressBarRoot.width
|
|||
|
|
height: progressBarRoot.height
|
|||
|
|
radius: progressBarRoot.radius
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|