Software/iDescriptor
1
0
Fork 0
mirror of https://github.com/iDescriptor/iDescriptor.git synced 2026-06-21 19:35:49 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor: implement AnimatedTab component for tab management in Tabs.qml

Browse Source
This commit is contained in:
uncor3
2026-05-22 11:56:13 +00:00
parent f5a7274aaa
commit 13f15e69da
2 changed files with 42 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/ui/Tabs.qml
+19 -20
View File
@@ -1,36 +1,35 @@
import QtQuick 2.15
import QtQuick.Controls 2.15
import QtQuick.Layouts 1.15
import "./base"
Item {
id: root
required property int currentIndex
DeviceTab {
id : device
anchors.fill: parent
visible : currentIndex == 0
opacity: root.currentIndex === 0 ? 1 : 0
property real slideY: root.currentIndex === 0 ? 0 : 20
transform: Translate { y: device.slideY }
Behavior on opacity {
NumberAnimation { duration: 167; easing.type: Easing.OutCubic }
}
Behavior on slideY {
NumberAnimation { duration: 167; easing.type: Easing.OutCubic }
AnimatedTab {
index: 0
currentIndex : root.currentIndex
DeviceTab {
anchors.fill: parent
}
}
AppsTab {
anchors.fill: parent
visible : currentIndex == 1
AnimatedTab {
index: 1
currentIndex : root.currentIndex
AppsTab {
anchors.fill: parent
}
}
Toolbox {
anchors.fill: parent
visible : currentIndex == 2
AnimatedTab {
index: 2
currentIndex : root.currentIndex
Toolbox {
anchors.fill: parent
}
}
}
src/ui/base/AnimatedTab.qml
+23
View File
@@ -0,0 +1,23 @@
import QtQuick
import QtQuick.Controls
import QtQuick.Layouts
Item {
id: root
anchors.fill: parent
required property int index
required property int currentIndex
property bool isActive : root.currentIndex === index
visible : currentIndex == index
opacity: isActive ? 1 : 0
property real slideY: isActive ? 0 : 20
transform: Translate { y: root.slideY }
Behavior on opacity {
NumberAnimation { duration: 167; easing.type: Easing.OutCubic }
}
Behavior on slideY {
NumberAnimation { duration: 167; easing.type: Easing.OutCubic }
}
}