File: CustomButton.qml

package info (click to toggle)
qt6-webengine 6.4.2-final%2Bdfsg-1
  • links: PTS, VCS
  • area: main
  • in suites: bookworm
  • size: 3,090,536 kB
  • sloc: cpp: 17,808,031; ansic: 5,245,139; javascript: 3,178,881; python: 1,361,176; asm: 648,577; xml: 571,140; java: 196,952; sh: 96,408; objc: 88,289; perl: 70,982; cs: 39,145; fortran: 24,137; makefile: 20,242; pascal: 12,634; sql: 10,875; yacc: 9,671; tcl: 8,385; php: 6,188; lisp: 2,848; lex: 2,263; ada: 727; ruby: 623; awk: 339; sed: 37
file content (61 lines) | stat: -rw-r--r-- 1,374 bytes parent folder | download | duplicates (3) 
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
 
// Copyright (C) 2016 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause

import QtQuick

Rectangle {
    id: root
    width: 200
    height: 30
    radius: 5
    property string btnText: "Name"
    property bool btnEnable: true
    property bool btnBlue: true
    opacity: btnEnable ? 1.0 : 0.5
    signal clicked()
    gradient: btnBlue ? blueButton : greenButton
    Text {
        id: textArea
        x: 54
        y: 5
        color: "#ffffff"
        text: parent.btnText
        font.pointSize: 12
        anchors.horizontalCenter: parent.horizontalCenter
        anchors.verticalCenter: parent.verticalCenter
        font.bold: false
    }

    MouseArea {
        id: mouseArea
        anchors.fill: parent
        onClicked: {
            if (btnEnable)
                root.clicked();
        }
    }

    Gradient {
        id: blueButton
        GradientStop {
            position: 0
            color: "#25a6e2"
        }
        GradientStop {
            position: mouseArea.pressed && root.btnEnable ? 0.7 :1
            color: "#188bd0"
        }
    }

    Gradient {
        id: greenButton
        GradientStop {
            position: 0
            color: "#80c342"
        }
        GradientStop {
            position: mouseArea.pressed && root.btnEnable ? 0.7 :1
            color: "#5fac18"
        }
    }
}