summaryrefslogtreecommitdiffstats
path: root/qml/LaunchScreen.qml
blob: 1d43b7b2c8eb54027e20316e92786019c0de6ecc (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
/****************************************************************************
**
** Copyright (C) 2016 The Qt Company Ltd.
** Contact: https://www.qt.io/licensing/
**
** This file is part of Qt for Device Creation.
**
** $QT_BEGIN_LICENSE:GPL$
** Commercial License Usage
** Licensees holding valid commercial Qt licenses may use this file in
** accordance with the commercial license agreement provided with the
** Software or, alternatively, in accordance with the terms contained in
** a written agreement between you and The Qt Company. For licensing terms
** and conditions see https://www.qt.io/terms-conditions. For further
** information use the contact form at https://www.qt.io/contact-us.
**
** GNU General Public License Usage
** Alternatively, this file may be used under the terms of the GNU
** General Public License version 3 or (at your option) any later version
** approved by the KDE Free Qt Foundation. The licenses are as published by
** the Free Software Foundation and appearing in the file LICENSE.GPL3
** included in the packaging of this file. Please review the following
** information to ensure the GNU General Public License requirements will
** be met: https://www.gnu.org/licenses/gpl-3.0.html.
**
** $QT_END_LICENSE$
**
****************************************************************************/
import QtQuick 2.0

Item {

    id: root

    property real size: Math.min(root.width, root.height);
    property int itemsPerScreen: 2
    property int offset: 10

    PathView {
        id: list
        y: 10
        width: parent.width
        height: parent.height
        property real cellWidth: (list.width - (root.itemsPerScreen - 1) /** list.spacing*/) / root.itemsPerScreen
        property real cellHeight: (list.height / root.itemsPerScreen)

        maximumFlickVelocity: 5000

        pathItemCount: list.count

        model: applicationsModel;
        preferredHighlightBegin: 1/(list.count/2)
        preferredHighlightEnd: 1
        currentIndex: -1

        path: Path {
            startX: -list.cellWidth - offset*2; startY: list.y + list.cellHeight/2
            PathLine{ x: (list.cellWidth + offset)*list.count - list.cellWidth - offset*2; y: list.y + list.cellHeight/2}
        }

        highlightMoveDuration: 700
        dragMargin: list.height
        delegate: ApplicationIcon {
            id: iconRoot;
            width: list.cellWidth
            height: list.cellHeight
            function select() {
                list.currentIndex = index;
            }
           onClicked: {
               select()
           }
        }

        onCurrentIndexChanged: {
            if (list.currentIndex >= 0) {
                descriptionLabel.text = applicationsModel.query(list.currentIndex, "description");
                nameLabel.text = applicationsModel.query(list.currentIndex, "name");
            } else {
                descriptionLabel.text = ""
                nameLabel.text = ""
            }
        }

        onCountChanged: if (count > 0 && currentIndex < 0) currentIndex = 0
    }

    Text {
        id: nameLabel
        anchors.horizontalCenter: parent.horizontalCenter
        horizontalAlignment: Text.AlignHCenter
        y: list.cellHeight + engine.mm(10)
        width: list.cellWidth - engine.mm(2)
        font.pixelSize: engine.fontSize()
        color: "black"
        font.bold: true
        wrapMode: Text.WordWrap
        textFormat: Text.PlainText
        renderType: Text.NativeRendering
    }

    Text {
        id: descriptionLabel
        width: nameLabel.width
        font.pixelSize: engine.smallFontSize()
        color: "black"
        x: nameLabel.x
        anchors.top: nameLabel.bottom
        anchors.topMargin: engine.fontSize()
        anchors.bottom: parent.bottom
        wrapMode: Text.WordWrap
        textFormat: Text.PlainText
        renderType: Text.NativeRendering
    }
}