skill-example/ui/proportionalDelegateExample.qml

0001 import QtQuick 2.4
0002 import QtQuick.Controls 2.2
0003 import QtQuick.Layouts 1.4
0004 import org.kde.kirigami 2.4 as Kirigami
0005 import Mycroft 1.0 as Mycroft
0006 import org.kde.lottie 1.0
0007
0008 Mycroft.ProportionalDelegate {
0009     id: root
0010
0011     LottieAnimation {
0012         id: fancyAnimation
0013         Layout.alignment: Qt.AlignHCenter
0014         Layout.preferredWidth: Math.min(root.contentWidth, proportionalGridUnit * 50)
0015         Layout.preferredHeight: Layout.preferredWidth
0016         source: Qt.resolvedUrl("animations/settings.json")
0017         loops: Animation.Infinite
0018         fillMode: Image.PreserveAspectFit
0019         running: true
0020     }
0021
0022     Mycroft.AutoFitLabel {
0023         id: dayLabel
0024         font.weight: Font.Bold
0025         Layout.fillWidth: true
0026         Layout.preferredHeight: proportionalGridUnit * 40
0027         text: sessionData.sampleText
0028     }
0029 }