Qt クイックサンプル - MouseArea

MouseAreaの例では、クリックやドラッグに反応する方法をMouseArea 。 詳細については、Qt Quickの重要な概念 - ユーザー入力 を参照してください。

例の実行

Qt Creator からサンプルを実行するには、Welcome モードを開き、Examples からサンプルを選択します。詳細については、Building and Running an Exampleを参照してください。

MouseArea の動作

赤い四角の中をクリックすると、Text タイプに、QML で利用可能ないくつかのプロパティが表示されます。マウスが押されている間、赤い四角の不透明度は下がり、MouseArea の中に残ります。

MouseArea 、その中でクリックやその他の離散的な操作が起こるとシグナルが発せられます。

onPressAndHold: btn.text = qsTr('Press and hold')
onClicked: (mouse) => { btn.text = qsTr('Clicked (wasHeld=') + mouse.wasHeld + ')' }
onDoubleClicked: btn.text = qsTr('Double clicked')

MouseArea を使用してアイテムをドラッグすることもできます。dragプロパティのパラメータを設定することで、ユーザーがマウス領域の境界内でドラッグを開始すると、ターゲットアイテムがドラッグされます。

drag.target: blueSquare
drag.axis: Drag.XAndYAxis
drag.minimumX: 0
drag.maximumX: box.width - parent.width
drag.minimumY: 0
drag.maximumY: box.height - parent.width

プロジェクト例 @ code.qt.io