From cde2d3b03acd25b49d4d1606877bdec051f9f638 Mon Sep 17 00:00:00 2001 From: zheng_wenlong Date: Wed, 13 Dec 2017 17:32:05 +0900 Subject: Display a blank icon with first letter when icon is not exist Add a new feature, when icon is not exist in homescreen, display a blank icon with first letter. Bug-AGL: SPEC-673 Change-Id: I928537bd61f655107393890166260b7446a16a97 Signed-off-by: zheng_wenlong (cherry picked from commit 242e1fcf1e76dc8ad94c0391649fd3ab84e64803) --- homescreen/qml/IconItem.qml | 24 +++++++++++++++++++++ .../Home/HMI_AppLauncher_Blank_Active-01.png | Bin 0 -> 52032 bytes .../Home/HMI_AppLauncher_Blank_Inactive-01.png | Bin 0 -> 44813 bytes homescreen/qml/images/Home/home.qrc | 2 ++ 4 files changed, 26 insertions(+) create mode 100644 homescreen/qml/images/Home/HMI_AppLauncher_Blank_Active-01.png create mode 100644 homescreen/qml/images/Home/HMI_AppLauncher_Blank_Inactive-01.png (limited to 'homescreen/qml') diff --git a/homescreen/qml/IconItem.qml b/homescreen/qml/IconItem.qml index 59131c0..32d37b4 100644 --- a/homescreen/qml/IconItem.qml +++ b/homescreen/qml/IconItem.qml @@ -1,4 +1,5 @@ import QtQuick 2.0 +import QtQuick.Controls 2.0 Item { id: main @@ -6,6 +7,29 @@ Item { id: item; parent: loc x: main.x + 5; y: main.y + 5 width: main.width - 10; height: main.height - 10; + + Label { + id: title + y: 60 + font.pixelSize: 125 + anchors.horizontalCenter: parent.horizontalCenter + color: "#5CFE96" + text: model.icon == 'Blank' ? model.name.substring(0,1).toUpperCase() : '' + } + + Label { + id: name + y: 245 + width: main.width - 10 + font.pixelSize: 25 + font.letterSpacing: 5 + wrapMode: Text.WordWrap + anchors.horizontalCenter: parent.horizontalCenter + horizontalAlignment: Text.AlignHCenter + color: "white" + text: model.icon == 'Blank' ? model.name.toUpperCase() : '' + } + source: './images/HMI_AppLauncher_%1_%2-01.png'.arg(model.icon).arg(loc.pressed && (loc.index === model.index || loc.currentId === model.id) ? 'Active' : 'Inactive') antialiasing: item.state !== '' Behavior on x { enabled: item.state !== 'active'; NumberAnimation { duration: 400; easing.type: Easing.OutCubic } } diff --git a/homescreen/qml/images/Home/HMI_AppLauncher_Blank_Active-01.png b/homescreen/qml/images/Home/HMI_AppLauncher_Blank_Active-01.png new file mode 100644 index 0000000..32558b3 Binary files /dev/null and b/homescreen/qml/images/Home/HMI_AppLauncher_Blank_Active-01.png differ diff --git a/homescreen/qml/images/Home/HMI_AppLauncher_Blank_Inactive-01.png b/homescreen/qml/images/Home/HMI_AppLauncher_Blank_Inactive-01.png new file mode 100644 index 0000000..bd374c6 Binary files /dev/null and b/homescreen/qml/images/Home/HMI_AppLauncher_Blank_Inactive-01.png differ diff --git a/homescreen/qml/images/Home/home.qrc b/homescreen/qml/images/Home/home.qrc index 49d19d8..ecf9b77 100644 --- a/homescreen/qml/images/Home/home.qrc +++ b/homescreen/qml/images/Home/home.qrc @@ -21,5 +21,7 @@ HMI_AppLauncher_Radio_Inactive-01.png HMI_AppLauncher_Settings_Active-01.png HMI_AppLauncher_Settings_Inactive-01.png + HMI_AppLauncher_Blank_Active-01.png + HMI_AppLauncher_Blank_Inactive-01.png -- cgit 1.2.3-korg