112 lines
3.3 KiB
QML
112 lines
3.3 KiB
QML
import QtQuick
|
|
import QtQuick.Effects
|
|
import Quickshell
|
|
import qs.components
|
|
import qs.components.containers
|
|
import qs.services
|
|
import qs.config
|
|
|
|
StyledListView {
|
|
id: root
|
|
|
|
readonly property bool lyricsActuallyVisible: LyricsService.lyricsVisible && LyricsService.model.count != 0
|
|
|
|
clip: true
|
|
model: LyricsService.model
|
|
currentIndex: LyricsService.currentIndex
|
|
visible: lyricsActuallyVisible || hideTimer.running
|
|
preferredHighlightBegin: height / 2 - 30
|
|
preferredHighlightEnd: height / 2 + 30
|
|
highlightRangeMode: ListView.ApplyRange
|
|
highlightFollowsCurrentItem: true
|
|
highlightMoveDuration: LyricsService.isManualSeeking ? 0 : Appearance.anim.durations.normal
|
|
layer.enabled: true
|
|
layer.effect: ShaderEffect {
|
|
required property Item source
|
|
property real fadeMargin: 0.5
|
|
|
|
fragmentShader: Quickshell.shellPath("assets/shaders/fade.frag.qsb")
|
|
}
|
|
onLyricsActuallyVisibleChanged: {
|
|
if (!lyricsActuallyVisible)
|
|
hideTimer.restart();
|
|
}
|
|
onModelChanged: {
|
|
if (model && model.count > 0) {
|
|
Qt.callLater(() => positionViewAtIndex(currentIndex, ListView.Center));
|
|
}
|
|
}
|
|
delegate: Item {
|
|
id: delegateRoot
|
|
|
|
required property string lyricLine
|
|
required property real time
|
|
required property int index
|
|
readonly property bool hasContent: lyricLine && lyricLine.trim().length > 0
|
|
property bool isCurrent: ListView.isCurrentItem
|
|
|
|
width: ListView.view.width
|
|
height: hasContent ? (lyricText.contentHeight + Appearance.spacing.large) : 0
|
|
|
|
MultiEffect {
|
|
id: effect
|
|
|
|
anchors.fill: lyricText
|
|
source: lyricText
|
|
scale: lyricText.scale
|
|
enabled: delegateRoot.isCurrent
|
|
visible: delegateRoot.isCurrent
|
|
|
|
blurEnabled: true
|
|
blur: 0.4
|
|
|
|
shadowEnabled: true
|
|
shadowColor: Colours.palette.m3primary
|
|
shadowOpacity: 0.5
|
|
shadowBlur: 0.6
|
|
shadowHorizontalOffset: 0
|
|
shadowVerticalOffset: 0
|
|
|
|
autoPaddingEnabled: true
|
|
}
|
|
|
|
MouseArea {
|
|
anchors.fill: parent
|
|
cursorShape: Qt.PointingHandCursor
|
|
onClicked: LyricsService.jumpTo(delegateRoot.index, delegateRoot.time)
|
|
}
|
|
|
|
Text {
|
|
id: lyricText
|
|
|
|
text: delegateRoot.lyricLine ? delegateRoot.lyricLine.replace(/\u00A0/g, " ") : ""
|
|
width: parent.width * 0.85
|
|
anchors.centerIn: parent
|
|
horizontalAlignment: Text.AlignHCenter
|
|
wrapMode: Text.WordWrap
|
|
font.pointSize: Appearance.font.size.normal
|
|
color: delegateRoot.isCurrent ? Colours.palette.m3primary : Colours.palette.m3onSurfaceVariant
|
|
font.bold: delegateRoot.isCurrent
|
|
scale: delegateRoot.isCurrent ? 1.15 : 1.0
|
|
|
|
Behavior on color {
|
|
CAnim {
|
|
duration: Appearance.anim.durations.small
|
|
}
|
|
}
|
|
Behavior on scale {
|
|
Anim {
|
|
duration: Appearance.anim.durations.small
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
Timer {
|
|
id: hideTimer
|
|
|
|
interval: 300 // long enough to bridge the track switch gap
|
|
running: false
|
|
repeat: false
|
|
}
|
|
}
|