当前位置:   article > 正文

QML控件类型:ToolTip_qml tooltip

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 毫秒的共享工具提示。此方法可以附加到任何项目。

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/笔触狂放9/article/detail/805989
推荐阅读
相关标签
  

闽ICP备14008679号