Unify episode list view; scroll end of list into view on episode open
This commit is contained in:
parent
0a6531d77b
commit
f925170d50
4 changed files with 116 additions and 37 deletions
53
touch/EpisodeListView.qml
Normal file
53
touch/EpisodeListView.qml
Normal file
|
@ -0,0 +1,53 @@
|
|||
|
||||
/**
|
||||
*
|
||||
* gPodder QML UI Reference Implementation
|
||||
* Copyright (c) 2013, 2014, Thomas Perl <m@thp.io>
|
||||
*
|
||||
* Permission to use, copy, modify, and/or distribute this software for any
|
||||
* purpose with or without fee is hereby granted, provided that the above
|
||||
* copyright notice and this permission notice appear in all copies.
|
||||
*
|
||||
* THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
||||
* REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
||||
* AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
||||
* INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
||||
* LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
||||
* OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
||||
* PERFORMANCE OF THIS SOFTWARE.
|
||||
*
|
||||
*/
|
||||
|
||||
import QtQuick 2.0
|
||||
|
||||
import 'common'
|
||||
|
||||
|
||||
PListView {
|
||||
id: episodeList
|
||||
|
||||
property int selectedIndex: -1
|
||||
|
||||
PScrollIntoView { id: scrollIntoView }
|
||||
|
||||
onSelectedIndexChanged: {
|
||||
if (selectedIndex === count - 1) {
|
||||
scrollIntoView.begin(episodeList);
|
||||
}
|
||||
}
|
||||
|
||||
model: GPodderEpisodeListModel { id: episodeListModel }
|
||||
|
||||
PBusyIndicator {
|
||||
visible: !episodeListModel.ready
|
||||
anchors.centerIn: parent
|
||||
}
|
||||
|
||||
PPlaceholder {
|
||||
// TODO: If filter is "all", say "No episodes"
|
||||
text: 'No episodes found'
|
||||
visible: episodeList.count === 0 && episodeListModel.ready
|
||||
}
|
||||
|
||||
delegate: EpisodeItem { }
|
||||
}
|
|
@ -35,35 +35,20 @@ SlidePage {
|
|||
|
||||
EpisodeQueryControl {
|
||||
id: queryControl
|
||||
model: episodesListModel
|
||||
model: episodeList.model
|
||||
title: 'Select filter'
|
||||
}
|
||||
|
||||
Component.onCompleted: {
|
||||
episodesListModel.setQuery(episodesListModel.queries.Fresh);
|
||||
episodesListModel.reload();
|
||||
episodeList.model.setQuery(episodeList.model.queries.Fresh);
|
||||
episodeList.model.reload();
|
||||
}
|
||||
|
||||
PBusyIndicator {
|
||||
visible: !episodesListModel.ready
|
||||
anchors.centerIn: parent
|
||||
}
|
||||
|
||||
PListView {
|
||||
EpisodeListView {
|
||||
id: episodeList
|
||||
property int selectedIndex: -1
|
||||
title: 'Episodes'
|
||||
|
||||
PPlaceholder {
|
||||
text: 'No episodes found'
|
||||
visible: episodeList.count === 0 && episodesListModel.ready
|
||||
}
|
||||
|
||||
model: GPodderEpisodeListModel { id: episodesListModel }
|
||||
|
||||
section.property: 'section'
|
||||
section.delegate: SectionHeader { text: section }
|
||||
|
||||
delegate: EpisodeItem { }
|
||||
}
|
||||
}
|
||||
|
|
|
@ -31,9 +31,6 @@ SlidePage {
|
|||
property int podcast_id
|
||||
property string title
|
||||
|
||||
width: parent.width
|
||||
height: parent.height
|
||||
|
||||
hasMenuButton: true
|
||||
menuButtonLabel: 'Settings'
|
||||
onMenuButtonClicked: {
|
||||
|
@ -65,29 +62,19 @@ SlidePage {
|
|||
|
||||
|
||||
Component.onCompleted: {
|
||||
episodeListModel.podcast_id = podcast_id;
|
||||
episodeListModel.setQuery(episodeListModel.queries.All);
|
||||
episodeListModel.reload();
|
||||
episodeList.model.podcast_id = podcast_id;
|
||||
episodeList.model.setQuery(episodeList.model.queries.All);
|
||||
episodeList.model.reload();
|
||||
}
|
||||
|
||||
EpisodeQueryControl {
|
||||
id: queryControl
|
||||
model: episodeListModel
|
||||
model: episodeList.model
|
||||
title: 'Select filter'
|
||||
}
|
||||
|
||||
PListView {
|
||||
EpisodeListView {
|
||||
id: episodeList
|
||||
property int selectedIndex: -1
|
||||
title: episodesPage.title
|
||||
model: GPodderEpisodeListModel { id: episodeListModel }
|
||||
|
||||
PPlaceholder {
|
||||
text: 'No episodes'
|
||||
visible: episodeList.count === 0
|
||||
}
|
||||
|
||||
delegate: EpisodeItem { }
|
||||
}
|
||||
}
|
||||
|
||||
|
|
54
touch/PScrollIntoView.qml
Normal file
54
touch/PScrollIntoView.qml
Normal file
|
@ -0,0 +1,54 @@
|
|||
|
||||
/**
|
||||
*
|
||||
* gPodder QML UI Reference Implementation
|
||||
* Copyright (c) 2014, Thomas Perl <m@thp.io>
|
||||
*
|
||||
* Permission to use, copy, modify, and/or distribute this software for any
|
||||
* purpose with or without fee is hereby granted, provided that the above
|
||||
* copyright notice and this permission notice appear in all copies.
|
||||
*
|
||||
* THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
||||
* REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
||||
* AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
||||
* INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
||||
* LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
||||
* OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
||||
* PERFORMANCE OF THIS SOFTWARE.
|
||||
*
|
||||
*/
|
||||
|
||||
import QtQuick 2.0
|
||||
|
||||
import 'common/constants.js' as Constants
|
||||
|
||||
|
||||
Timer {
|
||||
id: scrollTimer
|
||||
interval: 10
|
||||
repeat: true
|
||||
|
||||
function begin(flickable_) {
|
||||
flickable = flickable_;
|
||||
lastHeight = flickable.contentHeight;
|
||||
repeatLimit = defaultRepeatLimit;
|
||||
scrollTimer.start();
|
||||
}
|
||||
|
||||
property var flickable
|
||||
property int defaultRepeatLimit: 10
|
||||
property int repeatLimit: defaultRepeatLimit
|
||||
property real lastHeight: 0
|
||||
|
||||
onTriggered: {
|
||||
flickable.contentY = flickable.contentHeight - flickable.height;
|
||||
flickable.returnToBounds();
|
||||
|
||||
repeatLimit = repeatLimit - 1;
|
||||
lastHeight = flickable.contentHeight;
|
||||
|
||||
if (repeatLimit <= 0 && lastHeight === flickable.contentHeight) {
|
||||
stop();
|
||||
}
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue