大致就是这样的,然后里面可以看成是按钮,下一组也是按钮。
我在三维视图中操作这个控制面板所有交互都会失效。
贴的的控件控制面板上的内容:
{ id: controlPlane3D position: Qt.vector3d(-178.93, 350.43, -523.05) eulerRotation: Qt.vector3d(0, -90, 0) readonly property alias width : mainContenFrame.width readonly property alias height : mainContenFrame.height Rectangle{ id: flickArea //anchors.bottom: parent.bottom width: controlPlane3D.width height: controlPlane3D.height * 0.58 color: "#7f6495ED" opacity: 0.8 readonly property int itemWidth : controlPlane3D.width * 0.2 Flickable{ id: flickable anchors.fill: parent clip: true contentWidth: flickArea.itemWidth * 9 //interactive: true ScrollBar.horizontal: ScrollBar { id: hbar hoverEnabled: true active: hovered || pressed parent: flickable.parent anchors.left: flickable.left anchors.right: flickable.right anchors.bottom: flickable.bottom } Row{ anchors.fill: parent Module.Roadheader{ opacity: 1 height: parent.height - 20 width: flickArea.itemWidth onBeginControling: flickable.interactive = false onEndControling: flickable.interactive = true } Module.RockBoltingJumbo{ height: parent.height - 20 width: flickArea.itemWidth onBeginControling: flickable.interactive = false onEndControling: flickable.interactive = true } Module.ConveyorBelt{ height: parent.height - 20 width: flickArea.itemWidth onBeginControling: flickable.interactive = false onEndControling: flickable.interactive = true } Module.Ambulant{ height: parent.height - 20 width: flickArea.itemWidth onBeginControling: flickable.interactive = false onEndControling: flickable.interactive = true } Module.OverheadMonorail{ height: parent.height - 20 width: flickArea.itemWidth onBeginControling: flickable.interactive = false onEndControling: flickable.interactive = true }
Module.DustExhaustingFan{ height: parent.height - 20 width: flickArea.itemWidth onBeginControling: flickable.interactive = false onEndControling: flickable.interactive = true } Module.VentilationFan{ height: parent.height - 20 width: flickArea.itemWidth onBeginControling: flickable.interactive = false onEndControling: flickable.interactive = true } Module.WaterPump{ height: parent.height - 20 width: flickArea.itemWidth onBeginControling: flickable.interactive = false onEndControling: flickable.interactive = true } Module.EndlessRopeWinch{ height: parent.height - 20 width: flickArea.itemWidth onBeginControling: flickable.interactive = false onEndControling: flickable.interactive = true } } } } }
|