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

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

在這里插入圖片描述

在這里插入圖片描述

看起來還是挺好用的 也很方便 然后我們再看來看看特殊的情況
我們將窗體大小縮小后


在這里插入圖片描述

很明顯 Tooltip的文字描述長度超過窗體右邊邊界時 無法正常顯示了.
我們在看看邊界的情況
正常關閉按鈕的Tooltip:


在這里插入圖片描述

QtQuick2.x默認Tooltip:
在這里插入圖片描述

雖然顯示是完整的, 但是內(nèi)容是在窗體內(nèi)的, 位置是不同的

上面兩個問題的原因很簡單, Tooltip繼承于Popup, 不屬于獨立窗體.
為此我決定自定義開發(fā)一個QtQuick方式的Tooltip

首先Tooltip應該是基于獨立窗體的, 并且因為要考慮資源占用問題, 所以最好是單例模式, 就是說始終只存在一個ToolTip的實例.
ToolTip有兩大重要屬性, 一是延時啟動, 二是延時消失, 這兩個當然是需要可設置的


在這里插入圖片描述

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


在這里插入圖片描述
在這里插入圖片描述

結(jié)果是預期的: 1秒顯示 5秒隱藏 當然鼠標移開也是立即隱藏的
我們又在三峰駝演示程序里看看效果

在這里插入圖片描述

關閉按鈕的ToolTip可以在窗體外正常顯示


在這里插入圖片描述

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

訪問三峰駝Qml控件大全

聯(lián)系方式:


作者 鄭天佐
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%" />

覺得分享的內(nèi)容還不錯, 就請作者喝杯咖啡吧~~

最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容