Commit 61503097 authored by Camilo Higuita's avatar Camilo Higuita

fixes on ui first

parent d0caa3dd
......@@ -26,45 +26,89 @@ ApplicationWindow
onInfoViewClicked: swipeView.currentIndex = 0
}
SwipeView
Column
{
id: swipeView
id: mainView
anchors.fill: parent
currentIndex: 1
Pane
SwipeView
{
width: swipeView.width
height: swipeView.height
id: swipeView
width:parent.width
height: parent.height - searchInput.height
Column
currentIndex: 1
Pane
{
spacing: 40
width: parent.width
width: swipeView.width
height: swipeView.height
Label
Column
{
spacing: 40
width: parent.width
wrapMode: Label.Wrap
horizontalAlignment: Qt.AlignHCenter
text: "info view"
Label
{
width: parent.width
wrapMode: Label.Wrap
horizontalAlignment: Qt.AlignHCenter
text: "info view"
}
}
}
}
TracksView
{
TracksView
{
}
}
AlbumsView
{
AlbumsView
{
}
ArtistsView
{
}
}
ArtistsView
Rectangle
{
width: parent.width
height: 32
color: "white"
TextInput
{
id: searchInput
anchors.fill: parent
anchors.centerIn: parent
horizontalAlignment: Text.AlignHCenter
verticalAlignment: Text.AlignVCenter
property string placeholderText: "Search..."
Label
{
anchors.fill: parent
text: searchInput.placeholderText
visible: !searchInput.focus || !searchInput.text
horizontalAlignment: Text.AlignHCenter
verticalAlignment: Text.AlignVCenter
font.bold: true
}
}
}
}
}
......@@ -21,57 +21,63 @@ BabeGrid
edge: Qt.BottomEdge
interactive: false
ColumnLayout
Column
{
width: parent.width
height: parent.height
Row
anchors.fill: parent
Rectangle
{
Layout.fillWidth: true
Layout.fillHeight: true
Layout.margins: 20
id: titleBar
width: parent.width
height: 48
z: 1
Label
Row
{
id: albumTitle
width: parent.width - closeBtn
text: ""
elide: Text.ElideRight
font.pointSize: 12
font.bold: true
lineHeight: 0.7
}
anchors.fill: parent
ToolButton
{
id: closeBtn
width: 64
height: 16
Icon
Label
{
text: MdiFont.Icon.close
id: albumTitle
width: parent.width - closeBtn.width
height: parent.height
elide: Text.ElideRight
font.pointSize: 12
font.bold: true
lineHeight: 0.7
horizontalAlignment: Text.AlignHCenter
verticalAlignment: Text.AlignVCenter
}
onClicked:
ToolButton
{
drawer.close()
console.log("close drawer")
}
id: closeBtn
width: parent.height
height: parent.height
}
Icon
{
text: MdiFont.Icon.close
}
onClicked:
{
drawer.close()
console.log("close drawer")
}
}
}
}
Row
BabeTable
{
Layout.fillWidth: true
Layout.fillHeight: true
BabeTable
{
id: drawerList
width: parent.width
}
id: drawerList
width: parent.width
height: parent.height - titleBar.height
}
}
}
......
import QtQuick 2.9
import QtQuick.Controls 2.2
import QtQuick.Layouts 1.3
import "../view_models"
import "../utils/Icons.js" as MdiFont
import "../utils"
BabeGrid
{
......@@ -19,40 +22,65 @@ BabeGrid
edge: Qt.BottomEdge
interactive: false
ColumnLayout
Column
{
width: parent.width
height: parent.height
Row
{
anchors.fill: parent
Layout.fillWidth: true
Layout.fillHeight: true
Layout.margins: 20
Rectangle
{
id: titleBar
width: parent.width
height: 48
z: 1
Label
Row
{
id: artistTitle
width: parent.width
text: ""
elide: Text.ElideRight
font.pointSize: 12
font.bold: true
lineHeight: 0.7
}
anchors.fill: parent
Label
{
id: artistTitle
width: parent.width - closeBtn.width
height: parent.height
elide: Text.ElideRight
font.pointSize: 12
font.bold: true
lineHeight: 0.7
horizontalAlignment: Text.AlignHCenter
verticalAlignment: Text.AlignVCenter
}
ToolButton
{
id: closeBtn
width: parent.height
height: parent.height
Icon
{
text: MdiFont.Icon.close
}
onClicked:
{
drawer.close()
console.log("close drawer")
}
}
}
}
Row
BabeTable
{
Layout.fillWidth: true
Layout.fillHeight: true
BabeTable
{
id: drawerList
width: parent.width
}
id: drawerList
width: parent.width
height: parent.height - titleBar.height
}
}
}
onAlbumCoverClicked:
......
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