Commit cc379b90 authored by Kempe's avatar Kempe
Browse files

[FEATURE] GUI improvments

parent 99c30741
......@@ -8,15 +8,9 @@ ListItem {
property string stationCurrent: ""
property bool isPlaying: false
width: parent.width
contentHeight: Theme.itemSizeLarge
anchors {
left: parent.left
leftMargin: Theme.horizontalPageMargin
right: parent.right
rightMargin: Theme.horizontalPageMargin
}
Rectangle {
color: isPlaying ? Theme.primaryColor : "transparent"
opacity: 0.1
......@@ -24,7 +18,8 @@ ListItem {
}
Row {
spacing: Theme.paddingLarge
anchors.fill: parent
spacing: Theme.paddingMedium
Image {
id: image
......@@ -34,18 +29,19 @@ ListItem {
fillMode: Image.PreserveAspectFit
cache: true
height: Theme.iconSizeLarge
width: Theme.iconSizeLarge
sourceSize.height: Theme.iconSizeLarge
sourceSize.width: Theme.iconSizeLarge
sourceSize.height: Theme.iconSizeLarge
height: parent.height
width: height
}
Column {
width: parent.width - image.width - Theme.paddingLarge
height: parent.height
spacing: -Theme.paddingSmall
width: parent.width - x - parent.leftPadding
Label {
width: parent.width
truncationMode: TruncationMode.Fade
text: stationTitle
}
......
......@@ -34,16 +34,13 @@ Item {
Row {
id: quickControlsItem
anchors.fill: parent
spacing: Theme.paddingLarge
anchors.leftMargin: Theme.horizontalPageMargin
anchors.rightMargin: Theme.horizontalPageMargin
anchors.topMargin: hightPadding
anchors.bottomMargin: hightPadding
spacing: Theme.paddingMedium
Image {
id: stationThumbnail
height: parent.height
width: parent.height
anchors.bottomMargin: Theme.paddingSmall
source: app.stationData ? app.stationData.stationLogo : ""
smooth: true
......@@ -85,6 +82,7 @@ Item {
isPlaying: player.isPlaying
isStared: player.isFavorite
anchors.fill: parent
anchors.bottomMargin: Theme.paddingSmall
}
}
}
......
......@@ -29,16 +29,14 @@ Item {
Row {
id: quickControlsItem
anchors.fill: parent
spacing: Theme.paddingLarge
anchors.leftMargin: Theme.horizontalPageMargin
anchors.rightMargin: Theme.horizontalPageMargin
anchors.topMargin: hightPadding
anchors.bottomMargin: hightPadding
spacing: Theme.paddingMedium
Image {
id: stationThumbnail
height: parent.height
width: parent.height
anchors.top: parent.top
anchors.bottom: parent.bottom
anchors.bottomMargin: Theme.paddingSmall
width: height
source: app.stationData ? app.stationData.stationLogo : ""
smooth: true
......
......@@ -13,7 +13,7 @@ Column {
color: Theme.highlightColor
font.pixelSize: Theme.fontSizeSmall
horizontalAlignment: Text.AlignLeft
verticalAlignment: Text.AlignTop
verticalAlignment: Text.AlignBottom
truncationMode: TruncationMode.Fade
visible: text != ""
......@@ -26,6 +26,7 @@ Column {
color: Theme.secondaryColor
font.pixelSize: Theme.fontSizeExtraSmall
horizontalAlignment: Text.AlignLeft
verticalAlignment: Text.AlignTop
truncationMode: TruncationMode.Fade
width: parent.width
......
......@@ -33,10 +33,8 @@ ApplicationWindow
id: player
}
BusyIndicator {
anchors.centerIn: parent
PageBusyIndicator {
running: loading
z: 1
}
RadioAPI {
......
......@@ -34,7 +34,10 @@ Page {
delegate: ListItem {
id: listItem
width: parent.width
anchors.left: parent.left
anchors.leftMargin: Theme.paddingMedium
anchors.right: parent.right
anchors.rightMargin: Theme.paddingMedium
contentHeight: Theme.itemSizeSmall
Label {
......@@ -42,8 +45,6 @@ Page {
font.bold: true
color: Theme.primaryColor;
anchors.fill: parent
anchors.leftMargin: 25
anchors.topMargin: 7
}
Connections {
......
import QtQuick 2.6
import Sailfish.Silica 1.0
import "../components/"
import "../components/contextmenus"
import "../components/contextmenus" as ContextMenu
Page {
......@@ -19,7 +19,9 @@ Page {
SilicaListView {
id: favoritesListView
VerticalScrollDecorator { flickable: favoritesListView }
anchors.fill: parent
spacing: Theme.paddingMedium
NavigationMenu {
id: navigationMenu
......@@ -44,14 +46,17 @@ Page {
delegate: StationDelegate {
id: favoritItem
width: parent.width
anchors.left: parent.left
anchors.leftMargin: Theme.paddingMedium
anchors.right: parent.right
anchors.rightMargin: Theme.paddingMedium
stationThumbnail: stationLogo
stationTitle: name
stationInfo: qsTr("From ") + country + ": " + genre
isPlaying: app.stationData !== undefined && app.stationData.url === url
menu: FavoritesListContextMenu {
menu: ContextMenu.FavoritesListContextMenu {
id: contextMenu
}
......
......@@ -21,10 +21,11 @@ Page {
property string value: ""
SilicaListView {
spacing: Theme.paddingMedium
id: stationListView
VerticalScrollDecorator { flickable: stationListView }
anchors.fill: parent
spacing: Theme.paddingMedium
NavigationMenu {
id: navigationMenu
......@@ -55,7 +56,11 @@ Page {
delegate: StationDelegate {
id: stationItem
width: parent.width
anchors.left: parent.left
anchors.leftMargin: Theme.paddingMedium
anchors.right: parent.right
anchors.rightMargin: Theme.paddingMedium
stationThumbnail: thumbnail
stationTitle: name
stationInfo: qsTr("From") + " " + country + ": " + genres
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment