/* * Copyright (C) 2016 The Qt Company Ltd. * Copyright (C) 2016, 2017 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 } } ] }