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";
}
}
}
效果说明:根据鼠标左键点击颜色变化,右键退出,双击变红。
相关文章推荐
- GUI - Web前端开发框架
- 评价ui设计作品好坏的八个标准(界面/交互设计研究)
- windows用windeployqt发布qt quick application程序
- Jquery ui datepicker设置日期范围,如只能隔3天【实现代码】
- 为Yahoo! UI Extensions Grid增加内置的可编辑器
- Cocos2d-x UI开发之文本类使用实例
- 谈谈对jquery ui tabs 的理解
- 在IE 浏览器中使用 jquery的fadeIn() 效果 英文字符字体加粗
- JavaScript Event学习第九章 鼠标事件
- UI Events 用户界面事件
- jquery UI Datepicker时间控件的使用方法(基础版)
- Hallo.js基于jQuery UI所见即所得的Web编辑器
- 基于jQuery UI CSS Framework开发Widget的经验
- jquery ui 1.7 ui.tabs 动态添加与关闭(按钮关闭+双击关闭)
- jquery UI Datepicker时间控件的使用及问题解决
- jQuery UI设置固定日期选择特效代码分享
- Jquery ajax 同步阻塞引起的UI线程阻塞问题
- jQuery UI的Dialog无法提交问题的解决方法
- jQuery ui实现动感的圆角渐变网站导航菜单效果代码
- jQuery响应鼠标事件并隐藏与显示input默认值