diff options
author | Tasuku Suzuki <tasuku.suzuki@qt.io> | 2017-12-14 13:51:11 +0900 |
---|---|---|
committer | Jan-Simon Moeller <jsmoeller@linuxfoundation.org> | 2017-12-17 23:14:29 +0000 |
commit | 848a124060480c3254f18080417af57d7b87617f (patch) | |
tree | 245dd9f336928defe574e0545fd7da68cd93c4e1 | |
parent | a4436f38be347ce6edf11ec1d1fd725ff8659d48 (diff) |
Apply LinearGradient to first letters drawn when icon is missing
The letter was originally drawn with a single color '#00ADDC'. Because
background circle in each icon has a gradient, nice to draw it with the
same gradient.
Change-Id: Ic337989403bfa26003bdfda2f2e2b4aad819ebe2
Signed-off-by: Tasuku Suzuki <tasuku.suzuki@qt.io>
(cherry picked from commit 096c0729d0babd4adc3deeced69439ea38af8d7d)
-rw-r--r-- | homescreen/qml/IconItem.qml | 15 |
1 files changed, 13 insertions, 2 deletions
diff --git a/homescreen/qml/IconItem.qml b/homescreen/qml/IconItem.qml index b0373d2..1c189e6 100644 --- a/homescreen/qml/IconItem.qml +++ b/homescreen/qml/IconItem.qml @@ -1,5 +1,6 @@ import QtQuick 2.0 import QtQuick.Controls 2.0 +import QtGraphicalEffects 1.0 Item { id: main @@ -13,9 +14,19 @@ Item { y: 60 font.pixelSize: 125 anchors.horizontalCenter: parent.horizontalCenter - color: "#00ADDC" - text: model.icon == 'Blank' ? model.name.substring(0,1).toUpperCase() : '' + text: model.name.substring(0,1).toUpperCase() + visible: false } + LinearGradient { + anchors.fill: title + source: title + gradient: Gradient { + GradientStop { position: -0.5; color: "#6BFBFF" } + GradientStop { position: +1.5; color: "#00ADDC" } + } + visible: model.icon === 'Blank' + } + Label { id: name |