Salastil/DankMaterialShell
1
0
Fork 0
mirror of https://github.com/AvengeMedia/DankMaterialShell.git synced 2026-01-26 06:22:50 -05:00
Code Packages Releases Activity

DankDash: Replace CentCom center with a new widget

Browse Source
This commit is contained in:
bbedward
2025-09-09 20:00:31 -04:00
parent 1c7d8a55f3
commit a67a6c7c1c
26 changed files with 3361 additions and 1818 deletions
Download Patch File Download Diff File Expand all files Collapse all files

137
Widgets/DankTabBar.qml
View File

@@ -7,78 +7,159 @@ Item {
property alias model: tabRepeater.model
property int currentIndex: 0
property int spacing: Theme.spacingXS
property int tabHeight: 36
property int spacing: Theme.spacingL
property int tabHeight: 56
property bool showIcons: true
property bool equalWidthTabs: true
signal tabClicked(int index)
signal actionTriggered(int index)
height: tabHeight
Row {
id: tabRow
anchors.fill: parent
spacing: tabBar.spacing
Repeater {
id: tabRepeater
Rectangle {
property bool isActive: tabBar.currentIndex === index
Item {
id: tabItem
property bool isAction: modelData && modelData.isAction === true
property bool isActive: !isAction && tabBar.currentIndex === index
property bool hasIcon: tabBar.showIcons && modelData && modelData.icon && modelData.icon.length > 0
property bool hasText: modelData && modelData.text && modelData.text.length > 0
width: tabBar.equalWidthTabs ? (tabBar.width - tabBar.spacing * (tabRepeater.count - 1)) / tabRepeater.count : contentRow.implicitWidth + Theme.spacingM * 2
width: tabBar.equalWidthTabs ? (tabBar.width - tabBar.spacing * Math.max(0, tabRepeater.count - 1)) / Math.max(1, tabRepeater.count) : Math.max(contentCol.implicitWidth + Theme.spacingXL, 64)
height: tabBar.tabHeight
radius: Theme.cornerRadius
color: isActive ? Theme.primaryPressed : tabArea.containsMouse ? Theme.primaryHoverLight : "transparent"
Row {
id: contentRow
Column {
id: contentCol
anchors.centerIn: parent
spacing: Theme.spacingXS
DankIcon {
name: modelData.icon || ""
size: Theme.iconSize - 4
color: isActive ? Theme.primary : Theme.surfaceText
anchors.verticalCenter: parent.verticalCenter
anchors.horizontalCenter: parent.horizontalCenter
size: Theme.iconSize
color: tabItem.isActive ? Theme.primary : Theme.surfaceText
visible: hasIcon
}
StyledText {
text: modelData.text || ""
anchors.horizontalCenter: parent.horizontalCenter
font.pixelSize: Theme.fontSizeMedium
color: isActive ? Theme.primary : Theme.surfaceText
font.weight: isActive ? Font.Medium : Font.Normal
anchors.verticalCenter: parent.verticalCenter
anchors.verticalCenterOffset: 1
color: tabItem.isActive ? Theme.primary : Theme.surfaceText
font.weight: tabItem.isActive ? Font.Medium : Font.Normal
visible: hasText
}
}
Rectangle {
id: stateLayer
anchors.fill: parent
color: Theme.surfaceTint
opacity: tabArea.pressed ? 0.12 : (tabArea.containsMouse ? 0.08 : 0)
visible: opacity > 0
radius: Theme.cornerRadius
Behavior on opacity { NumberAnimation { duration: Theme.shortDuration; easing.type: Theme.standardEasing } }
}
MouseArea {
id: tabArea
anchors.fill: parent
hoverEnabled: true
cursorShape: Qt.PointingHandCursor
onClicked: {
tabBar.currentIndex = index
tabBar.tabClicked(index)
if (tabItem.isAction) {
tabBar.actionTriggered(index)
} else {
tabBar.currentIndex = index
tabBar.tabClicked(index)
}
}
}
Behavior on color {
ColorAnimation {
duration: Theme.shortDuration
easing.type: Theme.standardEasing
}
}
}
}
}
}
Rectangle {
id: indicator
y: parent.height + 7
height: 3
width: 60
topLeftRadius: Theme.cornerRadius
topRightRadius: Theme.cornerRadius
bottomLeftRadius: 0
bottomRightRadius: 0
color: Theme.primary
visible: false
property bool animationEnabled: false
property bool initialSetupComplete: false
Behavior on x {
enabled: indicator.animationEnabled
NumberAnimation {
duration: Theme.mediumDuration
easing.type: Theme.standardEasing
}
}
Behavior on width {
enabled: indicator.animationEnabled
NumberAnimation {
duration: Theme.mediumDuration
easing.type: Theme.standardEasing
}
}
}
Rectangle {
width: parent.width
height: 1
y: parent.height + 10
color: Theme.outlineStrong
}
function updateIndicator(enableAnimation = true) {
if (tabRepeater.count === 0 || currentIndex < 0 || currentIndex >= tabRepeater.count) {
return
}
const item = tabRepeater.itemAt(currentIndex)
if (!item || item.isAction) {
return
}
const tabPos = item.mapToItem(tabBar, 0, 0)
const tabCenterX = tabPos.x + item.width / 2
const indicatorWidth = 60
if (tabPos.x < 10 && currentIndex > 0) {
Qt.callLater(() => updateIndicator(enableAnimation))
return
}
indicator.animationEnabled = enableAnimation
indicator.width = indicatorWidth
indicator.x = tabCenterX - indicatorWidth / 2
indicator.visible = true
}
onCurrentIndexChanged: {
if (indicator.initialSetupComplete) {
Qt.callLater(() => updateIndicator(true))
} else {
Qt.callLater(() => {
updateIndicator(false)
indicator.initialSetupComplete = true
})
}
}
onWidthChanged: Qt.callLater(() => updateIndicator(indicator.initialSetupComplete))
}