您的位置:首页 > 产品设计 > UI/UE

QtQuick学习笔记之QML鼠标事件

2016-06-14 10:18 549 查看
记录Qtquick核心编程学习记录

import QtQuick 2.5


Rectangle{

width:300;

height:400;

id:root;

color:"green";

MouseArea{


id:mouseArea;

anchors.fill: parent;

acceptedButtons: Qt.LeftButton | Qt.RightButton;

onClicked: {

if(mouse.button == Qt.RightButton)

{

Qt.quit();

}

else if(mouse.button == Qt.LeftButton)

{

color = Qt.rgba( (mouse.x % 255)/255.0, (mouse.y % 255) / 255.0, 0.6, 1.0 );

}


}

onDoubleClicked: {

color = "red";

}

}

}




效果说明:根据鼠标左键点击颜色变化,右键退出,双击变红。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  Q QML QTQuick UI 鼠标事件