学习过程,记录一下。
这段时间学习Quick2在自己定义一个按钮时想做一个效果,鼠标悬停在按钮上时按钮背景显示一种颜色,鼠标离开时回复原样。
刚开始是代码是这样的:
Rectangle{
color:"green"
width: 28
height: 28
MouseArea{
anchors.fill:parent
onEntered: {
parent.color="red";
}
onExited: {
parent.color="green";
}
}
}
onEntered事件死活不执行,后来看了帮助文档这样写
hoverEnabled : bool
This property affects the containsMouse property and the onEntered, onExited and onPositionChanged signals.
默认hoverEnabled属性是false,结果代码加上hoverEnabled:true,结果就出来了。
Rectangle{
color:"green"
width: 28
height: 28
MouseArea{
anchors.fill:parent
hoverEnabled: true;
onEntered: {
parent.color="red";
}
onExited: {
parent.color="green";
}
}
}
转自:http://www.bubuko.com/infodetail-390016.html