import QtQuick 2.1 import QtQuick.Controls 1.0 Rectangle { width: 360 height: 360 property list actionsList: [ Action { text: "Sightings"; iconSource: "qrc:/sightings"; onTriggered: image1.visible = !image1.visible }, Action { text: "Alerts"; iconSource: "qrc:/alerts"; onTriggered: image1.visible = !image1.visible }, Action { text: "Search"; iconSource: "qrc:/search"; onTriggered: image1.visible = !image1.visible } ] Button { id: button anchors.centerIn: parent text: "Hello World" onClicked: overflowMenu.popup() } property int overflowCount: slider.value Menu { id: overflowMenu title: "Edit" Instantiator { id: inst model: actionsList MenuItem { text: modelData.text visible: (index < overflowCount) onTriggered: modelData.triggered() } onObjectAdded: overflowMenu.insertItem(index, object) onObjectRemoved: overflowMenu.removeItem(object) } MenuSeparator { visible: (overflowCount > 0) } MenuItem { text: "About" visible: overflowCount >= 0; // Always visible shortcut: "Ctrl+X" onTriggered: console.log("onTriggered About overflowCount =", overflowCount); } } Slider { id: slider anchors { topMargin: 50; top: button.bottom; horizontalCenter: button.horizontalCenter;} minimumValue: 0 maximumValue : 3 value: 1 tickmarksEnabled: true stepSize: 1.0 } }