QtQuick/Qml自定义控件(1)-ToolTip

首先我们看看官方提供的QtQuick.Controls 2.x TooltipTooltip
效果是怎么样的

在这里插入图片描述

在这里插入图片描述

看起来还是挺好用的 也很方便 然后我们再看来看看特殊的情况
我们将窗体大小缩小后


在这里插入图片描述

很明显 Tooltip的文字描述长度超过窗体右边边界时 无法正常显示了.
我们在看看边界的情况
正常关闭按钮的Tooltip:


在这里插入图片描述

QtQuick2.x默认Tooltip:
在这里插入图片描述

虽然显示是完整的, 但是内容是在窗体内的, 位置是不同的

上面两个问题的原因很简单, Tooltip继承于Popup, 不属于独立窗体.
为此我决定自定义开发一个QtQuick方式的Tooltip

首先Tooltip应该是基于独立窗体的, 并且因为要考虑资源占用问题, 所以最好是单例模式, 就是说始终只存在一个ToolTip的实例.
ToolTip有两大重要属性, 一是延时启动, 二是延时消失, 这两个当然是需要可设置的


在这里插入图片描述

同样, SilkQmlToolTip也需要有同样的功能


在这里插入图片描述
在这里插入图片描述

结果是预期的: 1秒显示 5秒隐藏 当然鼠标移开也是立即隐藏的
我们又在三峰驼演示程序里看看效果

在这里插入图片描述

关闭按钮的ToolTip可以在窗体外正常显示


在这里插入图片描述

三峰驼演示程序里的效果也是正常.

访问三峰驼Qml控件大全

联系方式:


作者 郑天佐
QQ 278969898
主页 http://www.camelstudio.cn/
邮箱 camelsoft@163.com
博客 http://blog.csdn.net/zhengtianzuo06/
github https://github.com/zhengtianzuo
QQ群 199672080

捐赠

<img src="https://github.com/zhengtianzuo/zhengtianzuo.github.io/blob/master/weixin.jpg?raw=true" width="30%" height="30%" /> <img src="https://github.com/zhengtianzuo/zhengtianzuo.github.io/blob/master/zhifubao.jpg?raw=true" width="30%" height="30%" />

觉得分享的内容还不错, 就请作者喝杯咖啡吧~~

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

友情链接更多精彩内容