Add press effect to the Slider

pull/7/head
reionwong 4 years ago
parent f0fec1a7c8
commit 0fbd238a10

@ -36,12 +36,12 @@ QtObject {
* * desktop
*/
property QtObject iconSizes: QtObject {
property int small: Math.floor(fontMetrics.roundedIconSize(16 * devicePixelRatio) * 1)
property int smallMedium: Math.floor(fontMetrics.roundedIconSize(22 * devicePixelRatio) * 1)
property int medium: Math.floor(fontMetrics.roundedIconSize(32 * devicePixelRatio) * 1)
property int large: Math.floor(fontMetrics.roundedIconSize(48 * devicePixelRatio) * 1)
property int huge: Math.floor(fontMetrics.roundedIconSize(64 * devicePixelRatio) * 1)
property int enormous: Math.floor(128 * devicePixelRatio * 1)
property int small: 16
property int smallMedium: 22
property int medium: 32
property int large: 48
property int huge: 64
property int enormous: 128
}
/**

@ -38,7 +38,7 @@ T.Button
}
background: Item {
implicitWidth: (FishUI.Units.iconSizes.medium * 3) + FishUI.Units.largeSpacing
implicitWidth: (FishUI.Units.iconSizes.medium * 3) + FishUI.Units.largeSpacing
implicitHeight: FishUI.Units.iconSizes.medium + FishUI.Units.smallSpacing
Rectangle {

@ -45,8 +45,8 @@ T.CheckBox {
CheckIndicator {
anchors.centerIn: parent
width: parent.width - FishUI.Units.smallSpacing
height: parent.height - FishUI.Units.smallSpacing
width: FishUI.Units.iconSizes.smallMedium
height: FishUI.Units.iconSizes.smallMedium
control: controlRoot
}
}

@ -23,23 +23,30 @@ T.Slider {
color: "white"
opacity: 1
antialiasing: true
border.width: 0
border.color: "#E3E3E3"
scale: control.pressed ? 0.9 : 1.0
Behavior on scale {
NumberAnimation {
duration: 150
}
}
layer.enabled: true
layer.effect: DropShadow {
transparentBorder: true
radius: 3
samples: 5
radius: 8
samples: 12
horizontalOffset: 0
verticalOffset: 0
color: Qt.rgba(0, 0, 0, 0.11)
color: Qt.rgba(0, 0, 0, 0.15)
}
}
background: Item {
implicitWidth: control.horizontal ? 200 : 18
implicitHeight: control.horizontal ? 18 : 200
implicitWidth: control.horizontal ? 200 : 16
implicitHeight: control.horizontal ? 16 : 200
x: control.leftPadding + (control.horizontal ? 0 : (control.availableWidth - width) / 2)
y: control.topPadding + (control.horizontal ? (control.availableHeight - height) / 2 : 0)

@ -50,7 +50,7 @@ const CompositeShadowParams s_shadowParams[] = {
// Very Large
CompositeShadowParams(
QPoint(0, 6),
ShadowParams(QPoint(0, 0), 36, 0.1),
ShadowParams(QPoint(0, 0), 36, 0.12),
ShadowParams(QPoint(0, -3), 20, 0.05))
};

Loading…
Cancel
Save