contents/ui/HorizontalStackView.qml

0001 /*
0002  * SPDX-FileCopyrightText: 2021 Noah Davis <noahadvs@gmail.com>
0003  * SPDX-License-Identifier: LGPL-2.0-or-later
0004  */
0005
0006 import QtQuick 2.15
0007 import QtQuick.Templates 2.15 as T
0008 import org.kde.kirigami 2.20 as Kirigami
0009
0010 T.StackView {
0011     id: root
0012     property bool reverseTransitions: false
0013     property bool movementTransitionsEnabled: true
0014     implicitWidth: implicitContentWidth + leftPadding + rightPadding
0015     implicitHeight: implicitContentHeight + topPadding + bottomPadding
0016     clip: busy
0017     contentItem: currentItem
0018     Accessible.ignored: true
0019     popEnter: enterTransition
0020     popExit: exitTransition
0021     pushEnter: enterTransition
0022     pushExit: exitTransition
0023     replaceEnter: enterTransition
0024     replaceExit: exitTransition
0025     // Using NumberAnimation instead of XAnimator because the latter wasn't always smooth enough
0026     Transition {
0027         id: enterTransition
0028         NumberAnimation {
0029             property: "x"
0030             from: (root.reverseTransitions ? -0.5 : 0.5) * (root.mirrored ? -1 : 1) * -root.width
0031             to: 0
0032             duration: root.movementTransitionsEnabled ? Kirigami.Units.longDuration : 0
0033             easing.type: Easing.OutCubic
0034         }
0035         NumberAnimation {
0036             property: "opacity"
0037             from: 0.0
0038             to: 1.0
0039             duration: Kirigami.Units.longDuration
0040             easing.type: Easing.OutCubic
0041         }
0042     }
0043     Transition {
0044         id: exitTransition
0045         NumberAnimation {
0046             property: "x"
0047             from: 0
0048             to: (root.reverseTransitions ? -0.5 : 0.5) * (root.mirrored ? -1 : 1) * root.width
0049             duration: root.movementTransitionsEnabled ? Kirigami.Units.longDuration : 0
0050             easing.type: Easing.OutCubic
0051         }
0052         NumberAnimation {
0053             property: "opacity"
0054             from: 1.0
0055             to: 0.0
0056             duration: Kirigami.Units.longDuration
0057             easing.type: Easing.OutCubic
0058         }
0059     }
0060 }