pconfig
14th March 2015, 13:06
Hello all,
I have a Flickable item with some rectangles inside. I would expect that i can drag the flickable content around using my mouse. When the Flickable element gets smaller than the content it is possible to use my mouse wheel to flick the content. Mouse dragging however is only working when clicking on the first rectangle. Am I doing something wrong here? It seems like the column inside the column (childColumn) is disturbing the Flickable's behavior.
11016
Flickable {
id: flickable
width: parent.width/2
height: parent.height
clip: true
contentHeight: inputsColumn.height
contentWidth: flickable.width
Column {
id: inputsColumn
width: flickable.width
Repeater {
id: inputGroupRepeater
model: ioData.inputs
delegate: Rectangle {
border.width: 1
border.color: "black"
height: title.height + childColumn.height
width: parent.width
Text {
id: title
text: modelData.variables.length
}
Column {
id: childColumn
width: parent.width
anchors.top: title.bottom
visible: true
Rectangle {
border.color: "orange"
border.width: 1
width: parent.width
height: dp(50)
}
Rectangle {
border.color: "orange"
border.width: 1
width: parent.width
height: dp(50)
}
}
}
}
}
}
I have a Flickable item with some rectangles inside. I would expect that i can drag the flickable content around using my mouse. When the Flickable element gets smaller than the content it is possible to use my mouse wheel to flick the content. Mouse dragging however is only working when clicking on the first rectangle. Am I doing something wrong here? It seems like the column inside the column (childColumn) is disturbing the Flickable's behavior.
11016
Flickable {
id: flickable
width: parent.width/2
height: parent.height
clip: true
contentHeight: inputsColumn.height
contentWidth: flickable.width
Column {
id: inputsColumn
width: flickable.width
Repeater {
id: inputGroupRepeater
model: ioData.inputs
delegate: Rectangle {
border.width: 1
border.color: "black"
height: title.height + childColumn.height
width: parent.width
Text {
id: title
text: modelData.variables.length
}
Column {
id: childColumn
width: parent.width
anchors.top: title.bottom
visible: true
Rectangle {
border.color: "orange"
border.width: 1
width: parent.width
height: dp(50)
}
Rectangle {
border.color: "orange"
border.width: 1
width: parent.width
height: dp(50)
}
}
}
}
}
}