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
116
117
118
119
120
121
|
/*
* SPDX-FileCopyrightText: 2015 Kai Uwe Broulik <kde@privat.broulik.de>
* SPDX-FileCopyrightText: 2019 David Edmundson <kde@davidedmundson.co.uk>
* SPDX-FileCopyrightText: 2020 Noah Davis <noahadvs@gmail.com>
* SPDX-License-Identifier: LGPL-2.1-only OR LGPL-3.0-only OR LicenseRef-KDE-Accepted-LGPL
*/
import QtQuick 2.0
import QtQuick.Layouts 1.12
import org.kde.plasma.core 2.0 as PlasmaCore
import org.kde.plasma.components 2.0 as PlasmaComponents
ComponentBase {
id: root
title: "Plasma Components 2 ComboBox"
contentItem: ColumnLayout {
spacing: PlasmaCore.Units.largeSpacing
PlasmaComponents.Button {
text: "Simple menu"
onClicked: simpleMenu.open(0, height)
PlasmaComponents.Menu {
id: simpleMenu
PlasmaComponents.MenuItem { text: "Hello" }
PlasmaComponents.MenuItem { text: "This is just a simple" }
PlasmaComponents.MenuItem { text: "Menu" }
PlasmaComponents.MenuItem { text: "without separators" }
PlasmaComponents.MenuItem { text: "and other stuff" }
}
}
PlasmaComponents.Button {
text: "Checkable menu items"
onClicked: checkableMenu.open(0, height)
PlasmaComponents.Menu {
id: checkableMenu
PlasmaComponents.MenuItem { text: "Apple"; checkable: true }
PlasmaComponents.MenuItem { text: "Banana"; checkable: true }
PlasmaComponents.MenuItem { text: "Orange"; checkable: true }
}
}
PlasmaComponents.Button {
text: "Icons"
onClicked: iconsMenu.open(0, height)
PlasmaComponents.Menu {
id: iconsMenu
PlasmaComponents.MenuItem { text: "Error"; icon: "dialog-error" }
PlasmaComponents.MenuItem { text: "Warning"; icon: "dialog-warning" }
PlasmaComponents.MenuItem { text: "Information"; icon: "dialog-information" }
}
}
PlasmaComponents.Button {
text: "Separators and sections"
onClicked: sectionsMenu.open(0, height)
PlasmaComponents.Menu {
id: sectionsMenu
PlasmaComponents.MenuItem { text: "A menu"; section: true }
PlasmaComponents.MenuItem { text: "One entry" }
PlasmaComponents.MenuItem { text: "Another entry" }
PlasmaComponents.MenuItem { separator: true }
PlasmaComponents.MenuItem { text: "One item" }
PlasmaComponents.MenuItem { text: "Another item" }
}
}
RowLayout {
spacing: PlasmaCore.Units.smallSpacing
PlasmaComponents.Button {
id: minMaxButton
text: "Fixed minimum and maximum width"
onClicked: minMaxMenu.open(0, height)
PlasmaComponents.Menu {
id: minMaxMenu
minimumWidth: minMaxButton.width
maximumWidth: limitMenuMaxWidth.checked ? minMaxButton.width : undefined // has a RESET property
PlasmaComponents.MenuItem { text: "Hello" }
PlasmaComponents.MenuItem { text: "This is just a simple" }
PlasmaComponents.MenuItem { text: "Menu" }
PlasmaComponents.MenuItem { text: "with some very very long text in one item that will "
+ "make the menu super huge if you don't do anything about it" }
PlasmaComponents.MenuItem { text: "and other stuff" }
}
}
PlasmaComponents.CheckBox {
id: limitMenuMaxWidth
anchors.verticalCenter: parent.verticalCenter
text: "Limit maximum width"
checked: true
}
}
PlasmaComponents.Button {
text: "Don't crash on null MenuItem action"
onClicked: noActionCrashMenu.open(0, height)
PlasmaComponents.Menu {
id: noActionCrashMenu
PlasmaComponents.MenuItem { text: "This is an item" }
PlasmaComponents.MenuItem { text: "Below me should NOT be an empty item"}
PlasmaComponents.MenuItem { action: null }
PlasmaComponents.MenuItem { text: "I am not empty" }
}
}
}
}
|
