mirror of https://github.com/qt/qtdoc.git
126 lines
4.7 KiB
QML
126 lines
4.7 KiB
QML
// Copyright (C) 2016 The Qt Company Ltd.
|
|
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause
|
|
|
|
import QtQuick
|
|
import QtQml.XmlListModel
|
|
import QtQml.Models
|
|
|
|
Component {
|
|
id: albumDelegate
|
|
Package {
|
|
|
|
Item {
|
|
Package.name: 'browser'
|
|
GridView {
|
|
id: photosGridView; model: visualModel.parts.grid; width: mainWindow.width; height: mainWindow.height - 21
|
|
x: 0; y: 21; cellWidth: 160; cellHeight: 153; interactive: false
|
|
onCurrentIndexChanged: photosListView.positionViewAtIndex(currentIndex, ListView.Contain)
|
|
}
|
|
}
|
|
|
|
Item {
|
|
Package.name: 'fullscreen'
|
|
ListView {
|
|
id: photosListView; model: visualModel.parts.list; orientation: Qt.Horizontal
|
|
width: mainWindow.width; height: mainWindow.height; interactive: false
|
|
onCurrentIndexChanged: photosGridView.positionViewAtIndex(currentIndex, GridView.Contain)
|
|
highlightRangeMode: ListView.StrictlyEnforceRange; snapMode: ListView.SnapOneItem
|
|
}
|
|
}
|
|
|
|
Item {
|
|
Package.name: 'album'
|
|
id: albumWrapper; width: 210; height: 220
|
|
|
|
DelegateModel {
|
|
id: visualModel; delegate: PhotoDelegate { }
|
|
model: RssModel { id: rssModel; tags: tag }
|
|
}
|
|
|
|
BusyIndicator {
|
|
id: busyIndicator
|
|
anchors { centerIn: parent; verticalCenterOffset: -20 }
|
|
on: rssModel.status != XmlListModel.Ready
|
|
}
|
|
|
|
PathView {
|
|
id: photosPathView; model: visualModel.parts.stack; pathItemCount: 5
|
|
visible: !busyIndicator.visible
|
|
anchors.centerIn: parent; anchors.verticalCenterOffset: -30
|
|
path: Path {
|
|
PathAttribute { name: 'z'; value: 9999.0 }
|
|
PathLine { x: 1; y: 1 }
|
|
PathAttribute { name: 'z'; value: 0.0 }
|
|
}
|
|
}
|
|
|
|
MouseArea {
|
|
anchors.fill: parent
|
|
onClicked: mainWindow.editMode ? photosModel.remove(index) : albumWrapper.state = 'inGrid'
|
|
}
|
|
|
|
Tag {
|
|
anchors { horizontalCenter: parent.horizontalCenter; bottom: parent.bottom; bottomMargin: 10 }
|
|
frontLabel: tag; backLabel: qsTr("Remove"); flipped: mainWindow.editMode
|
|
onTagChanged: function(tag) { rssModel.tags = tag }
|
|
onBackClicked: if (mainWindow.editMode) photosModel.remove(index);
|
|
}
|
|
|
|
states: [
|
|
State {
|
|
name: 'inGrid'
|
|
PropertyChanges { target: photosGridView; interactive: true }
|
|
PropertyChanges { target: albumsShade; opacity: 1 }
|
|
PropertyChanges { target: backButton; onClicked: albumWrapper.state = ''; y: 6 }
|
|
},
|
|
State {
|
|
name: 'fullscreen'; extend: 'inGrid'
|
|
PropertyChanges { target: photosGridView; interactive: false }
|
|
PropertyChanges { target: photosListView; interactive: true }
|
|
PropertyChanges { target: photosShade; opacity: 1 }
|
|
PropertyChanges { target: backButton; y: -backButton.height - 8 }
|
|
}
|
|
]
|
|
|
|
NumberAnimation {
|
|
id: onAddAmination
|
|
target: albumWrapper
|
|
properties: "scale"
|
|
from: 0.0
|
|
to: 1.0
|
|
easing.type: Easing.OutQuad
|
|
}
|
|
GridView.onAdd: onAddAmination
|
|
|
|
SequentialAnimation {
|
|
id: onRemoveAnimation
|
|
PropertyAction {
|
|
target: albumWrapper; property: "GridView.delayRemove"; value: true
|
|
}
|
|
NumberAnimation {
|
|
target: albumWrapper; property: "scale"; from: 1.0; to: 0.0; easing.type: Easing.OutQuad
|
|
}
|
|
PropertyAction {
|
|
target: albumWrapper; property: "GridView.delayRemove"; value: false
|
|
}
|
|
}
|
|
GridView.onRemove: onRemoveAnimation
|
|
|
|
transitions: [
|
|
Transition {
|
|
from: '*'; to: 'inGrid'
|
|
SequentialAnimation {
|
|
NumberAnimation { properties: 'opacity'; duration: 250 }
|
|
PauseAnimation { duration: 350 }
|
|
NumberAnimation { target: backButton; properties: "y"; duration: 200; easing.type: Easing.OutQuad }
|
|
}
|
|
},
|
|
Transition {
|
|
from: 'inGrid'; to: '*'
|
|
NumberAnimation { properties: "y,opacity"; easing.type: Easing.OutQuad; duration: 300 }
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|