QML的Label实现Tooltip提示效果

最新推荐文章于 2024-08-22 18:04:05 发布

Joven_xxx

最新推荐文章于 2024-08-22 18:04:05 发布

阅读量6.7k

点赞数 1

分类专栏： Qt/QML的实践积累

本文链接：https://blog.csdn.net/Shado_walker/article/details/51138554

版权

在QML界面设计中，当Label内容超出显示范围时，可通过Tooltip提供完整信息。由于原生Label不支持Tooltip，开发者可以利用支持Tooltip的Button进行重写，创建自定义的Label组件，实现Tooltip提示功能。

摘要由CSDN通过智能技术生成

在用QML进行界面设计时，往往需要用到Label，但是由于界面宽度的限制，Label会显示不全，需要进行Tooltip进行提示，而QML中的Label本身还不支持Tooltip的提示功能，所以给开发带来了一定的困难，那么，遇到这种问题，该怎样解决呢？

我们可以换种思路，由于QML中的Button本身是可以支持Tooltip的，我们可以用Button对Label进行重写，然后保存为Label.qml文件，在用Label的室友进行import,这样就可在自己的项目中用到有Tooltip提示的Label了，下面是对Button进行重写实现Label的Tooltip提示鲜果：

import QtQuick 2.5
import QtQuick.Window 2.2
import QtQuick.Controls 1.4
import QtQuick.Controls.Styles 1.4

Window {
    id: win
    width: 300
    height: 300

    property string btnName: "中华人民共和国万岁中华人民共和国万岁"

    Button {
        id: btn
        anchors {
            centerIn: parent
            topMargin: 5
        }
        width: 100
        height:22
        tooltip: btnName
        text: btnName
        //onClicked: Qt.quit()

        style: ButtonStyle {
            background: Rectangle {