diff options
author | Bocklage, Jens <Jens_Bocklage@mentor.com> | 2016-12-05 14:19:37 +0100 |
---|---|---|
committer | Bocklage, Jens <Jens_Bocklage@mentor.com> | 2016-12-05 14:19:37 +0100 |
commit | 79714c0aa8fc461d77b75d6c5dae6a1a7d726954 (patch) | |
tree | bc992ec931be037280be7a0795e6a4a0d5c200d4 /HomeScreen/qml/ShortcutIcon.qml | |
parent | 43c6b242b71a35a164b8e14a54c99f2bf667b37b (diff) |
First integration of new HMI design
Using QML files and C++ integration from Qt's
HomeScreenNG sample app.
Signed-off-by: Bocklage, Jens <Jens_Bocklage@mentor.com>
Diffstat (limited to 'HomeScreen/qml/ShortcutIcon.qml')
-rw-r--r-- | HomeScreen/qml/ShortcutIcon.qml | 54 |
1 files changed, 54 insertions, 0 deletions
diff --git a/HomeScreen/qml/ShortcutIcon.qml b/HomeScreen/qml/ShortcutIcon.qml new file mode 100644 index 0000000..299f6a8 --- /dev/null +++ b/HomeScreen/qml/ShortcutIcon.qml @@ -0,0 +1,54 @@ +/* + * Copyright (C) 2016 The Qt Company Ltd. + * Copyright (C) 2016 Mentor Graphics Development (Deutschland) GmbH + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +import QtQuick 2.2 + +MouseArea { + id: root + width: 195 + height: 216.8 + property string name: 'Home' + property bool active: false + Image { + id: icon + anchors.fill: parent + source: './images/Shortcut/HMI_Shortcut_%1-01.png'.arg(root.name) + } + Image { + anchors.fill: parent + source: './images/Shortcut/HMI_Shortcut_%1_Active-01.png'.arg(root.name) + opacity: 1.0 - icon.opacity + } + states: [ + State { + when: root.active + PropertyChanges { + target: icon + opacity: 0.0 + } + } + ] + + transitions: [ + Transition { + NumberAnimation { + properties: 'opacity' + easing.type: Easing.OutExpo + } + } + ] +} |