CURA-5137 Make some adjustments in the UI.

This commit is contained in:
Diego Prado Gesto 2018-04-04 10:51:19 +02:00
parent 0e01e9a6a9
commit 2bf6615b53
5 changed files with 36 additions and 50 deletions

View File

@ -12,7 +12,7 @@ import QtQuick.Controls.Styles 1.4
import UM 1.1 as UM
Window
{
{
id: base
title: catalog.i18nc("@title:tab", "Toolbox");
modality: Qt.ApplicationModal
@ -75,9 +75,6 @@ Window
}
}
UM.I18nCatalog { id: catalog; name: "cura" }
Connections

View File

@ -11,30 +11,23 @@ import UM 1.1 as UM
// TODO: Switch to QtQuick.Controls 2.x and remove QtQuick.Controls.Styles
Rectangle
Column
{
id: base
width: parent.width
height: childrenRect.height + UM.Theme.getSize("double_margin").height * 8
color: "transparent"
height: childrenRect.height
spacing: UM.Theme.getSize("base_unit").height
Label
{
id: heading
text: "Community Plugins"
width: parent.width
height: UM.Theme.getSize("base_unit").width * 4
verticalAlignment: Text.AlignVCenter
color: UM.Theme.getColor("text_medium")
font: UM.Theme.getFont("medium")
}
GridLayout
{
id: grid
width: base.width
anchors
{
top: heading.bottom
}
width: parent.width
columns: 3
columnSpacing: UM.Theme.getSize("base_unit").width
rowSpacing: UM.Theme.getSize("base_unit").height
@ -42,7 +35,10 @@ Rectangle
Repeater
{
model: manager.packagesModel
delegate: ToolboxGridTile {}
delegate: ToolboxGridTile
{
Layout.preferredWidth: (grid.width - (grid.columns - 1) * grid.columnSpacing) / grid.columns
}
}
}
}

View File

@ -13,7 +13,7 @@ Item
{
id: base
height: childrenRect.height
Layout.fillWidth: true
Layout.alignment: Qt.AlignTop | Qt.AlignLeft
Row
{
width: parent.width
@ -29,22 +29,28 @@ Item
}
Column
{
width: UM.Theme.getSize("base_unit").width * 12
width: parent.width - thumbnail.width - parent.spacing
spacing: Math.floor(UM.Theme.getSize("base_unit").width / 2)
Label
{
id: name
text: model.name
width: parent.width
wrapMode: Text.WordWrap
height: UM.Theme.getSize("base_unit").height * 2
verticalAlignment: Text.AlignVCenter
color: UM.Theme.getColor("text")
font: UM.Theme.getFont("default_bold")
}
Label
{
id: info
text: model.description
text:
{
if (model.description.length > 50)
{
return model.description.substring(0, 50) + "..."
}
return model.description
}
width: parent.width
wrapMode: Text.WordWrap
color: UM.Theme.getColor("text_medium")

View File

@ -10,45 +10,30 @@ import UM 1.1 as UM
// TODO: Switch to QtQuick.Controls 2.x and remove QtQuick.Controls.Styles
Rectangle
Column
{
id: base
width: parent.width
height: childrenRect.height
color: "transparent"
spacing: UM.Theme.getSize("base_unit").height
Label
{
id: heading
text: "Top Downloads"
width: parent.width
height: UM.Theme.getSize("base_unit").width * 4
verticalAlignment: Text.AlignVCenter
color: UM.Theme.getColor("text_medium")
font: UM.Theme.getFont("medium")
}
Row
{
height: childrenRect.height
width: childrenRect.width
spacing: UM.Theme.getSize("base_unit").width * 2
anchors
{
horizontalCenter: parent.horizontalCenter
top: heading.bottom
}
ToolboxShowcaseTile {}
ToolboxShowcaseTile {}
ToolboxShowcaseTile {}
}
Rectangle
{
color: UM.Theme.getColor("text_medium")
width: parent.width
height: UM.Theme.getSize("base_unit").height / 6
anchors
{
bottom: parent.bottom
}
}
}

View File

@ -1,7 +1,7 @@
// Copyright (c) 2018 Ultimaker B.V.
// PluginBrowser is released under the terms of the LGPLv3 or higher.
import QtQuick 2.2
import QtQuick 2.7
import QtQuick.Dialogs 1.1
import QtQuick.Controls 1.4
import QtQuick.Controls.Styles 1.4
@ -12,29 +12,31 @@ import UM 1.1 as UM
ScrollView
{
id: base
frameVisible: false
anchors.fill: parent
frameVisible: true
width: parent.width
height: parent.height
style: UM.Theme.styles.scrollview
Column
{
width: base.width
spacing: UM.Theme.getSize("base_unit").height
height: childrenRect.height
anchors
{
fill: parent
topMargin: UM.Theme.getSize("base_unit").height
bottomMargin: UM.Theme.getSize("base_unit").height
leftMargin: UM.Theme.getSize("base_unit").width * 2
rightMargin: UM.Theme.getSize("base_unit").width * 2
}
padding: UM.Theme.getSize("base_unit").height * 2
height: childrenRect.height + 2 * padding
ToolboxShowcase
{
id: showcase
width: parent.width - 2 * parent.padding
}
Rectangle
{
color: UM.Theme.getColor("text_medium")
width: parent.width - 2 * parent.padding
height: UM.Theme.getSize("base_unit").height / 6
}
ToolboxGrid
{
id: allPlugins
width: parent.width - 2 * parent.padding
}
}
}