jeena/gpodder-ui-qml
1
0
Fork 0
Code Issues Pull requests Projects Packages Wiki Activity Actions

Touch UI: Draw playback progress indicator for EpisodeItem

Browse source
This commit is contained in:
Thomas Perl 2014-02-02 16:21:16 +01:00
parent f58460b505
commit 7f5aa932f7
1 changed files with 15 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

16
touch/EpisodeItem.qml
View file

@ -20,10 +20,11 @@
import QtQuick 2.0 import QtQuick 2.0
import 'constants.js' as Constants import 'common/constants.js' as Constants
ButtonArea { ButtonArea {
id: podcastItem id: podcastItem
property bool isPlaying: ((player.episode == id) && player.isPlaying)
Rectangle { Rectangle {
anchors { anchors {
@ -31,11 +32,24 @@ ButtonArea {
bottom: parent.bottom bottom: parent.bottom
left: parent.left left: parent.left
} }
width: parent.width * progress width: parent.width * progress
color: Constants.colors.download color: Constants.colors.download
opacity: .4 opacity: .4
} }
Rectangle {
anchors {
top: parent.top
bottom: parent.bottom
left: parent.left
}
width: parent.width * playbackProgress
color: Constants.colors.playback
opacity: isPlaying ? .6 : .2
}
transparent: true transparent: true
height: 80 * pgst.scalef height: 80 * pgst.scalef