examples/quick/quick-accessibility/Checkbox.qml


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

// Copyright (C) 2016 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause

import QtQuick

FocusScope {
    id: checkbox

    Accessible.role: Accessible.CheckBox

    property string text: "CheckBox"
    property bool checked // required variable

    width: 100
    height: 30

    Row {
        spacing: 2

        Rectangle {
            width: 12
            height: 12
            border.width: checkbox.focus ? 2 : 1
            border.color: "black"

            Text {
                id: checkboxText
                text: checkbox.checked ? "x" : ""
                anchors.centerIn: parent
            }
        }

        Text {
            text: checkbox.text
        }
    }

    MouseArea {
        anchors.fill: parent
        onClicked: checkbox.checked = !checkbox.checked
    }

    Keys.onSpacePressed: checkbox.checked = !checkbox.checked
}