• QML控件类型:ToolTip


    一、描述

    ToolTip 继承自 Popup,可以为任何控件提供工具提示。工具提示是通知用户控件功能的一小段文本。它通常放置在父控件的上方或下方。 提示文本可以是任何富文本格式的字符串。

    1.1、附加工具提示

    为控件设置工具提示的最直接方法是通过附加属性指定文本和可见性。

    1. Button {
    2. text: qsTr("Save")
    3. ToolTip.visible: down
    4. ToolTip.text: qsTr("Save the active project")
    5. }

    1.2、延迟和超时

    工具提示通常由于某个外部事件或用户交互而显示的,并且它们通常在某个超时后隐藏。

    以下示例演示了如何延迟显示工具提示,且一旦松开按钮,工具提示就会隐藏:

    1. Button {
    2. text: qsTr("Button")
    3. ToolTip.visible: pressed
    4. ToolTip.delay: Qt.styleHints.mousePressAndHoldInterval
    5. ToolTip.text: qsTr("This tool tip is shown after pressing and holding the button down.")
    6. }

    以下示例展示了如何在将按钮悬停一秒后显示工具提示,并在超时五秒后将其隐藏:

    1. import QtQuick
    2. import QtQuick.Controls
    3. Window
    4. {
    5. width: 640
    6. height: 480
    7. visible: true
    8. title: qsTr("Hello World")
    9. Button
    10. {
    11. text: qsTr("Button")
    12. hoverEnabled: true
    13. ToolTip.delay: 1000
    14. ToolTip.timeout: 5000
    15. ToolTip.visible: hovered
    16. ToolTip.text: qsTr("将按钮悬停一秒钟后会显示此工具提示")
    17. }
    18. }

    1.3、自定义工具提示

    以下示例提供了一个工具提示,该工具提示在拖动手柄时显示滑块的值:

    1. Slider
    2. {
    3. id: slider
    4. value: 0.5
    5. width: 150
    6. ToolTip {
    7. parent: slider.handle
    8. visible: slider.pressed
    9. text: slider.value.toFixed(1)
    10. }
    11. }

    二、自定义ToolTip示例

    1. import QtQuick
    2. import QtQuick.Controls
    3. Window
    4. {
    5. width: 640
    6. height: 480
    7. visible: true
    8. title: qsTr("Hello World")
    9. Button
    10. {
    11. id:btn
    12. text: qsTr("Button")
    13. hoverEnabled: true
    14. ToolTip {
    15. id: control
    16. text: qsTr("A descriptive tool tip of what the button does")
    17. delay: 1000
    18. timeout: 5000
    19. visible: btn.hovered
    20. contentItem: Text {
    21. text: control.text
    22. font: control.font
    23. color: "#21be2b"
    24. }
    25. background: Rectangle {
    26. border.color: "#129bf1"
    27. }
    28. }
    29. }
    30. }

    三、属性成员

    1、delay : int

    显示工具提示的延迟(毫秒)。默认值为 0。设置小于0也为0。

    2、text : string

    工具提示上显示的文本。

    3、timeout : int

    工具提示隐藏后的超时时间(毫秒)。负数则工具提示不会自动隐藏。默认值为 -1。

    四、附加属性成员

    1、ToolTip.delay : int、ToolTip.text : string、ToolTip.timeout : int

    同属性成员。

    2、ToolTip.toolTip : ToolTip

    共享工具提示实例。此属性可以附加到任何项目。

    3、ToolTip.visible : bool

    共享工具提示是否可见。此属性可以附加到任何项目。

    五、成员函数

    1、void hide()

    隐藏工具提示。

    2、void show(string text, int timeout)

    显示为工具提示,超时时间为 timeout 毫秒。

    六、附加成员函数

    1、void hide()

    隐藏了共享的工具提示。此方法可以附加到任何项目。

    2、void show(string text, int timeout = -1)

    显示带有文本和超时时间 timeout 毫秒的共享工具提示。此方法可以附加到任何项目。

  • 相关阅读:
    《ElementUI 基础知识》el-tree 之“我的电脑”目录结构效果
    Spring笔记(四)(黑马)(web层解决方案-SpringMVC)
    Practical Knowledge: Introduction of X METAVERSE PRO Social Follow-up Mode
    Java集成云打印机(芯烨云)——文档篇
    vue页面动态生成二维码,扫描二维码跳转到微信小程序,同时传递参数
    Redis主从复制集群的介绍及搭建
    怒刷LeetCode的第28天(Java版)
    SpringBoot如何缓存方法返回值?
    Android 网络框架之okhttp源码解析
    数组补全(秋季每日一题 10)
  • 原文地址:https://blog.csdn.net/kenfan1647/article/details/125531892