source: calamares/trunk/fuentes/src/qml/calamares/slideshow/NavButton.qml @ 7538

Last change on this file since 7538 was 7538, checked in by kbut, 13 months ago

sync with github

File size: 2.0 KB
Line 
1/* === This file is part of Calamares - <https://github.com/calamares> ===
2 *
3 *   Copyright 2018, Adriaan de Groot <groot@kde.org>
4 *
5 *   Calamares is free software: you can redistribute it and/or modify
6 *   it under the terms of the GNU General Public License as published by
7 *   the Free Software Foundation, either version 3 of the License, or
8 *   (at your option) any later version.
9 *
10 *   Calamares is distributed in the hope that it will be useful,
11 *   but WITHOUT ANY WARRANTY; without even the implied warranty of
12 *   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
13 *   GNU General Public License for more details.
14 *
15 *   You should have received a copy of the GNU General Public License
16 *   along with Calamares. If not, see <http://www.gnu.org/licenses/>.
17 */
18
19/* This is a navigation (arrow) button that fades in on hover, and
20 * which calls forward / backward navigation on the presentation it
21 * is in. It should be a child item of the presentation (not of a
22 * single slide). Use the ForwardButton or BackButton for a pre-
23 * configured instance that interacts with the presentation.
24 */
25
26import QtQuick 2.5;
27
28Image {
29    id: fade
30   
31    property bool isForward : true
32   
33    width: 100
34    height: 100
35    anchors.verticalCenter: parent.verticalCenter
36    opacity: 0.3
37   
38    OpacityAnimator {
39        id: fadeIn
40        target: fade
41        from: fade.opacity
42        to: 1.0
43        duration: 500
44        running: false
45    }
46   
47    OpacityAnimator {
48        id: fadeOut
49        target: fade
50        from: fade.opacity
51        to: 0.3
52        duration: 250
53        running: false
54    }
55   
56    MouseArea {
57        anchors.fill: parent
58        hoverEnabled: true
59        onEntered: { fadeOut.running = false; fadeIn.running = true }
60        onExited: { fadeIn.running = false ; fadeOut.running = true }
61        onClicked: {
62            if (isForward)
63                fade.parent.goToNextSlide()
64            else
65                fade.parent.goToPreviousSlide()
66        }
67    }
68}
Note: See TracBrowser for help on using the repository browser.