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

最新推荐文章于 2024-08-12 16:43:50 发布
最新推荐文章于 2024-08-12 16:43:50 发布
阅读量2.4k 收藏 1
点赞数
分类专栏： C++/Qt/QtQuick基础应用 文章标签： Qt QtQuick Qml C++ ToolTip
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhengtianzuo06/article/details/89083160
版权

首先我们看看官方提供的QtQuick.Controls 2.x TooltipTooltip
效果是怎么样的
在这里插入图片描述

在这里插入图片描述

看起来还是挺好用的 也很方便 然后我们再看来看看特殊的情况
我们将窗体大小缩小后
在这里插入图片描述

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

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

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

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

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

同样, SilkQmlToolTip也需要有同样的功能
在这里插入图片描述

在这里插入图片描述

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

在这里插入图片描述

关闭按钮的ToolTip可以在窗体外正常显示
在这里插入图片描述

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

访问三峰驼Qml控件大全

联系方式:
作者郑天佐
QQ278969898
主页http://www.camelstudio.cn
邮箱camelsoft@163.com
博客http://blog.csdn.net/zhengtianzuo06
githubhttps://github.com/zhengtianzuo
QQ群199672080

在这里插入图片描述

觉得分享的内容还不错, 就请作者喝杯咖啡吧~~
zhengtianzuo
关注
专栏目录
QtQuick PC端开发实战系列(19)_自定义ToolTip
zhengtianzuo的博客
07-14 566
总目录传送门 本博文技术等级: ★★☆☆☆☆☆☆☆☆ 我们先看看原始的tooltip什么效果 https://doc.qt.io/qt-5/qml-qtquick-controls2-tooltip.html tooltip是一种简易的消息提示框 当视图显示给用户，在应用程序中显示为浮动。和Dialog不一样的是，它永远不会获得焦点，无法被点击。用户将可能是在中间键入别的东西。tooltip类的思想就是尽可能不引人注意，同时还向用户显示信息，希望他们看到。而且tooltip显示的时间有限，tooltip会
Qt Quick qml自定义控件：qml实现电池控件
琅嬛福地
07-14 490
电量条使用矩形Rectangle来表示，用Repeater重复绘制10个矩形即可。在main.qml中使用定时器模拟电量数值，在实际开发中，需要接入实际的数值。以上代码在Qt6.7.1通过测试测试。
QTQuick控件基础（1）
weixin_33978044的博客
02-13 220
一、ItemQtQuick所有的可视项目都继承自Item,它定义了可视化项目所有通用特性（x\y\width\height\anchors等)具体包括1、作为容器2、不透明性没有设置opacity属性设置了opacity属性为0.5当然也可以这样写3、visible属性用来设置项目是否可见。如果visible属性为false，则不接受鼠标键盘事件；同理还有enable属性；4、堆叠顺序,简单的说，...
qml 动态创建自定义控件
最新发布
weixin_40403197的博客
08-12 169
【代码】qml 动态创建自定义控件。
QML组件---ToolTip自定义文本详情
wangyi463295828的博客
06-24 2138
描述：ToolTip是用来描述控件信息的一小段文本，通常位控件之上或之下。提示文本可以是任何富文本信息。 1、使用附加属性设置控件ToolTip import QtQuick 2.12 import QtQuick.Window 2.12 import QtQuick.Controls 2.14 Window { visible: true width: 640 height: 480 title: qsTr("Hello World") Button {
Qt Quick ToolTip
瞎捣鼓
07-27 1042
函数Open显示tip,delay属性:延迟多久才显示,timeout显示的持续时间import QtQuick.Controls 2.0 import QtQuick.Layouts 1.0 import QtQuick.Controls.Material 2.0 ApplicationWindow { visible: true width: 640 height: 48
QML-ToolTip 工具提示
qq_48150274的博客
08-10 391
如果需要对工具提示的位置进行更精细的控制，或者需要同时使用多个工具提示实例，也可以创建本地工具提示实例。这样就可以自定义工具提示，并使用整个弹出式 API。下面的示例展示了一个工具提示，在拖动手柄时显示滑块的值。
QML自定义控件----自定义菜单
08-31
只用传入jason就能使用的qml自定义菜单，为了更方便的调用下级节点，第一级菜单使用的是Repeater，第二级使用的是listview，通过它们自身的动态创建，来实现多级菜单，而为了更方便的使用，菜单的model使用Jason来...
Qt/C++编写自定义控件19-图片背景时钟
Qt/C++视频监控/推流/物联网/大屏系统/自定义控件/UI定制/输入法
05-10 1345
前言 图片背景时钟控件，是全套控件（目前共145个）中唯一的几个贴图的控件，这个背景要是不贴图，会画到猝死，必须用美工做好的图贴图作为背景，此控件以前学C#的时候写过，后面在写Qt控件的过程中把他移植过来了，其实画法完全一模一样，我能说连代码我都是直接复制粘贴过来改改的吗？所以有过多年编程经验的程序员们都知道，编程都是一通百通的，只要掌握好了一门，或者精通了一门，其他都是水到渠成的事情，基本上学习...
Qt/C++编写自定义控件49-飞机仪表盘
Qt/C++视频监控/推流/物联网/大屏系统/自定义控件/UI定制/输入法
08-12 5714
一、前言 飞行仪表是测定和表示飞机数据的工具，飞机中必不可少的一部分，飞行员根据飞行仪表表示的数据才能正确地做出判断。一般飞机仪表包括高度表+空速表+垂直速率表+姿态仪+航向指示表+转弯协调表。 这次要绘制的是其中的姿势仪，显示飞机相对于地平线的姿态，看姿态仪，飞行员能判断飞机姿态为偏左偏右，及偏上和偏下。姿态仪作用原理为一高度旋转的陀螺，不论飞机的姿态如何变化，此陀螺的定轴性在空间保持相同，因而...
Qt/C++编写自定义控件27-颜色按钮面板
Qt/C++视频监控/推流/物联网/大屏系统/自定义控件/UI定制/输入法
07-14 1185
一、前言 颜色按钮面板主要用在提供一个颜色按钮面板，用户单击某个按钮，然后拿到对应的颜色值，用户可以预先设定常用的颜色集合，传入到控件中，自动生成面板颜色集合按钮，每当滑过按钮的时候，按钮边缘高亮提示当前所在颜色的按钮，当选中某个按钮时，右侧颜色条显示当前选中的颜色，此控件功能极其简单，直接采用动态生成按钮的方式，设置按钮的样式表来设置对应的颜色和高亮边框等，单击按钮发出颜色改变信号即可，对外提供...
一套完整的强大的qml自定义控件
04-20
一套完整的自定义的qmlGUI控件，功能强大完全可以拿去开发项目而不用重复造轮子。包括Button，Calendar，CheckBox，ComboBox，CtrlDialog，DateEdit，DatePicker，Dialog，FileDialog，ImageButton，Label，LineEdit，ListView，ListViewSelection，MessageBox，NumberEdit，NumberKeyboard，Popup，PopupLoader，Scalability，ScrollBar，SearchBox，SpinBox，Switch，TabBox，TextField，TextInput，TimeBox，TimeEdit，TimePicker，ToggleButton，ToolBox，TopTabBox，TreeView
qml自定义信息提示框
10-28
qml 自定义 信息提示框 消息提示框 可以根据信息的多少大小自动调整
QML控件类型：ToolTip
友善啊，朋友的博客
06-30 2267
QML控件类型：ToolTip
Qt6 QML Book/QtQuick控件/控件简介
aggs1990的专栏
12-28 816
Introduction to Controls 控件简介 Using Qt Quick from scratch gives you primitive graphical and interaction elements from which you can build your user interfaces. Using Qt Quick Controls you start from a slightly more structured set of controls to build fro
自定义Qml控件：ImageButton
上官宏竹的专栏
05-26 993
自定义Qml控件：ImageButton效果实现思路 效果 我们来定义一个ImageButton控件，即Button上增加显示一个Image图片，既有Button的点击事件，也同时增加三种状态：正常状态、悬停状态、按压状态。
QML 自定义控件 时间滚筒控件
u013163634的博客
04-28 1226
QML 仿手机时间滚筒控件 效果：共3中模式 "Date" | "Time" |"DateTime" main.qml MouseArea{ anchors.fill: parent onClicked: { dlg.exec(Qt.formatDateTime(new Date(), "yyyy-MM-dd hh:mm:ss")); } } DateTimeDialog{ ...
Qt Quick——QML基础（二）：自定义控件
weixin_30693183的博客
09-02 213
1、新建一个QML工程，修改main.qml。 　　如下，修改Window中的内容。其中Button是自定义的控件 1 import QtQuick 2.6 2 import QtQuick.Window 2.2 3 4 Window { 5 visible: true 6 // width: 360 7 // height: 360 8...
Qml中ToolTip的创建
qq_34674217的博客
05-13 2483
在使用qml做程序时，因为需要toolTip，但是QtQuick除了最初的版本的所有组件都有这个元素之外，之后的版本将之删除了，于是我们只能自己来写toolTip，经过查找，笔者最终在Qt官网上找到了解决方法，以下分享给大家第一种方法跟标准的toolTip很接近，其作者是Xander84。这种实现方式将toolTip的浮现和隐藏都有各自的函数实现，并且当其隐藏后可以将之注销，代码如下<script
qt quick/qml入门到精通
04-30
Qt Quick/QML是一种用于创建用户界面的现代化技术。它是一种声明性的语言，能够更快速、更容易地构建灵活的、高性能、交互式的应用程序。 要入门Qt Quick/QML，首先需要学习其基础语法和概念。Qt Quick/QML主要由...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

zhengtianzuo

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值