diff --git a/qmlUiKirigami/ImageViewer.qml b/qmlUiKirigami/ImageViewer.qml --- a/qmlUiKirigami/ImageViewer.qml +++ b/qmlUiKirigami/ImageViewer.qml @@ -26,6 +26,7 @@ import QtQuick.Controls 2.0 as Controls import org.kde.kirigami 2.0 as Kirigami import org.kde.koko 0.1 as Koko +import org.kde.kquickcontrolsaddons 2.0 as KQA Kirigami.Page { id: root @@ -304,6 +305,47 @@ } } + PathView { + id: footerList + height: Kirigami.Units.gridUnit * 4 + model: listView.model + currentIndex: listView.currentIndex + pathItemCount: applicationWindow().width / (Kirigami.Units.gridUnit * 5) + interactive: false + + preferredHighlightBegin: 0.5 + preferredHighlightEnd: 0.5 + highlightRangeMode: PathView.StrictlyEnforceRange + + path: Path { + startX: 0 + startY: applicationWindow().height - (Kirigami.Units.gridUnit * 5) + PathAttribute { name: "iconScale"; value: 0.5 } + PathLine { + x: applicationWindow().width / 2 + y: applicationWindow().height - (Kirigami.Units.gridUnit * 5) + } + PathAttribute { name: "iconScale"; value: 1.5 } + PathLine { + x: applicationWindow().width + y: applicationWindow().height - (Kirigami.Units.gridUnit * 5) + } + PathAttribute { name: "iconScale"; value: 0.5 } + } + + delegate: Item { + scale: PathView.iconScale + height: Kirigami.Units.gridUnit * 4 + width: height + KQA.QImageItem { + height: Kirigami.Units.gridUnit * 3.8 + width: height + anchors.centerIn: parent + image: model.thumbnail + } + } + } + //FIXME: placeholder, will have to use the state machine Controls.Button { text: i18n("Back")