ceeb57d17f
This allows to limit the maximum width of a menu. It can be useful for instance in task manager where long file names for recent documents will result in gigantic menus. The property has a RESET method (which is called if you assign "undefined") which will set it back to QWIDGETSIZE_MAX to remove the size restriction. Differential Revision: https://phabricator.kde.org/D4257
104 lines
3.5 KiB
QML
104 lines
3.5 KiB
QML
import QtQuick 2.0
|
|
import org.kde.plasma.components 2.0 as PlasmaComponents
|
|
|
|
Rectangle {
|
|
width: 600
|
|
height: 200
|
|
color: "white"
|
|
|
|
Flow {
|
|
anchors.fill: parent
|
|
anchors.margins: 20
|
|
spacing: 20
|
|
|
|
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" }
|
|
}
|
|
}
|
|
|
|
Row {
|
|
spacing: 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
|
|
}
|
|
}
|
|
}
|
|
}
|