前言

用QML做控件拖動，當鼠標按下要拖動的按鈕然后移動鼠標，控件坐標會隨著鼠標而移動，釋放鼠標后判斷當前的控件位置，然后選擇要停留在父窗口的左邊還是右邊，再通過動畫將控件移動到邊上。這種場景在做工具欄懸浮按鈕的時候比較常見。

正文

實現方式很簡單，通過Drag類來實現，并且參考了Qt幫助文檔中的示例。
直接上代碼吧

import QtQuick 2.6Item {id:rootwidth: 500; height: 400Rectangle {id:rectx: 10; y: 10width: 50; height: 50color: "red"NumberAnimation on x{id:aniduration: 400easing.type: Easing.OutCubic}Drag.active: dragArea.drag.activeMouseArea {id: dragAreaanchors.fill: parentdrag.target: parentdrag.maximumY:root.height-rect.heightdrag.minimumY: 0onPositionChanged: {console.log("x",mouseX,"y",mouseY,rect.x,rect.y)}onReleased: {if(rect.x > root.width/2.){ani.to = root.width - rect.widthani.start()}else{ani.to = 0ani.start()}}}}}

來看看效果圖

總結

以上是生活随笔為你收集整理的QML控件拖动并靠边停留的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。