From 72ced80ab02c84903d408fe3f638e6e34ec82c9b Mon Sep 17 00:00:00 2001 From: Papoteur Date: Sat, 8 Dec 2018 15:45:52 +0100 Subject: Define color gradient background --- qml/mw-ui.qml | 102 +++++++++++++++++++++++++++++++++++++++++++++++++++------- 1 file changed, 91 insertions(+), 11 deletions(-) diff --git a/qml/mw-ui.qml b/qml/mw-ui.qml index a32742c..9bd9440 100644 --- a/qml/mw-ui.qml +++ b/qml/mw-ui.qml @@ -4,6 +4,7 @@ import QtQml.Models 2.1 import QtQuick.Layouts 1.3 import QtQuick.Controls 1.4 import QtQuick.Controls.Styles 1.4 +import QtGraphicalEffects 1 Rectangle { id: box @@ -38,7 +39,17 @@ Rectangle { Rectangle { property var title: qsTr("Welcome") width: view.width; height: view.height - color: "#FFFEF0" + LinearGradient { + anchors.fill: parent + start: Qt.point(0, 0) + end: Qt.point(0, 1000) + gradient: Gradient { + GradientStop { position: 0.0; color: "white" } + GradientStop { position: 1.0; color: "#2397D4" } + } + + } + Label { text: qsTr("Welcome to Mageia, %1").arg(user) font.bold: true @@ -57,7 +68,17 @@ and help you with the configuration of your newly installed system. Rectangle { property var title: qsTr("Media sources") width: view.width; height: view.height - color: "#F0FFF7" + LinearGradient { + anchors.fill: parent + start: Qt.point(0, 0) + end: Qt.point(0, 1000) + gradient: Gradient { + GradientStop { position: 0.0; color: "white" } + GradientStop { position: 1.0; color: "#2397D4" } + } + + } + Column { anchors.left: parent.left anchors.verticalCenter: parent.verticalCenter @@ -171,7 +192,17 @@ and help you with the configuration of your newly installed system. Rectangle { property var title: "Update" width: view.width; height: view.height - color: "#F4F0FF" + LinearGradient { + anchors.fill: parent + start: Qt.point(0, 0) + end: Qt.point(0, 1000) + gradient: Gradient { + GradientStop { position: 0.0; color: "white" } + GradientStop { position: 1.0; color: "#2397D4" } + } + + } + Column { anchors {left: parent.left; verticalCenter: parent.verticalCenter; leftMargin: 10} Label { text: qsTr("Update"); font.bold: true; } @@ -209,7 +240,17 @@ It is highly recommended that you update your system regularly. An Update icon w Rectangle { property var title: "MCC" width: view.width; height: view.height - color: "#F4F0FF" + LinearGradient { + anchors.fill: parent + start: Qt.point(0, 0) + end: Qt.point(0, 1000) + gradient: Gradient { + GradientStop { position: 0.0; color: "white" } + GradientStop { position: 1.0; color: "#2397D4" } + } + + } + Column { anchors.left: parent.left anchors.verticalCenter: parent.verticalCenter @@ -264,7 +305,17 @@ It is highly recommended that you update your system regularly. An Update icon w Rectangle { property var title: "Install software" width: view.width; height: view.height - color: "#F4F0FF" + LinearGradient { + anchors.fill: parent + start: Qt.point(0, 0) + end: Qt.point(0, 1000) + gradient: Gradient { + GradientStop { position: 0.0; color: "white" } + GradientStop { position: 1.0; color: "#2397D4" } + } + + } + Column { anchors.left: parent.left anchors.verticalCenter: parent.verticalCenter @@ -317,6 +368,9 @@ It is highly recommended that you update your system regularly. An Update icon w anchors.verticalCenter: parent.verticalCenter Button { id: rpmdrake + objectName: "launch" + onClicked: { + launch.command(["rpmdrake",])} style: ButtonStyle { label: Label { text: qsTr("RPMdrake")+" *"; @@ -337,8 +391,17 @@ It is highly recommended that you update your system regularly. An Update icon w Rectangle { property var title: "Applications" width: view.width; height: view.height + LinearGradient { + anchors.fill: parent + start: Qt.point(0, 0) + end: Qt.point(0, 1000) + gradient: Gradient { + GradientStop { position: 0.0; color: "white" } + GradientStop { position: 1.0; color: "#2397D4" } + } + + } - color: "#F4F0FF" Column { Rectangle { @@ -517,7 +580,17 @@ It is highly recommended that you update your system regularly. An Update icon w Rectangle { property var title: "Your configuration" width: view.width; height: view.height - color: "#F4F0FF" + LinearGradient { + anchors.fill: parent + start: Qt.point(0, 0) + end: Qt.point(0, 1000) + gradient: Gradient { + GradientStop { position: 0.0; color: "white" } + GradientStop { position: 1.0; color: "#2397D4" } + } + + } + ListView { id: confList anchors.fill: parent @@ -532,7 +605,17 @@ It is highly recommended that you update your system regularly. An Update icon w Rectangle { property var title: "More information" width: view.width; height: view.height - color: "#F4F0FF" + LinearGradient { + anchors.fill: parent + start: Qt.point(0, 0) + end: Qt.point(0, 1000) + gradient: Gradient { + GradientStop { position: 0.0; color: "white" } + GradientStop { position: 1.0; color: "#2397D4" } + } + + } + Column { anchors.left: parent.left anchors.verticalCenter: parent.verticalCenter @@ -581,9 +664,6 @@ It is highly recommended that you update your system regularly. An Update icon w } } } - - - Component.onDestruction: if (printDestruction) print("destroyed 3") } } -- cgit v1.2.1