qml中文本显示不全时显示ToolTip

kyxldmk

已于 2023-06-26 17:23:50 修改

阅读量342

点赞数

文章标签： qt

于 2023-06-25 17:55:19 首次发布

本文链接：https://blog.csdn.net/kyxldmk/article/details/131382767

版权

在QML中，为了解决表格中单元格文字显示不全的问题，可以通过在Text组件内嵌套Text并配合ToolTip实现。当单元格宽度小于文本宽度时，显示ToolTip显示完整内容。这个方法在TableView的itemDelegate中设置，实现了预期效果。

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

qml中，表格显示时，要求对表格中单元格中的文字显示不全时，能够显示ToolTip，网上查了很多资料，最后在Text中在添加一个Text控件，并且该控件的可见性为false,该方法可以达到要求。具体代码如下：

//
Text
{
    id:control
    font.pixelSize: 16
    font.family: "Microsoft YaHei"
    color: "#333333"
    elide: Text.ElideRight
    Text {
        id: _control
        visible: false
        text: parent.text
        font.family: parent.font.family
        font.pixelSize: parent.font.pixelSize
    }
   
    MyToolTip
    {
        visible: control.width<_control.width
        tipText: control.text
    }
  
}

MyToolTip是进行了一层封装，当鼠标放上去时显示，完整内容如下：

import QtQuick.Controls 2.15
import QtQuick 2.15
Item
{
    anchors.fill: parent
    property string tipText: ""
    MouseArea
    {
        anchors.fill: parent
        hoverEnabled: true
        onEntered:
        {
            control.visible = true
        }
        onExited:
        {
            control.visible = false
        }
    }
    ToolTip{
        id:control
        text: tipText
    }
}

我使用的TableView,然后在itemDelegate中进行设置，达到预期的效果