Qt制作钉钉聊天样式

用QFontMetrics计算出要显示文本的像素宽度,再除以定额宽度,计算出需要的行数。
ui图:
在这里插入图片描述
代码如下:

    //文字与左右边框的间隔,左右各7个像素
    int hSpace = 14;
    //文字与上下边框的间隔,上下各12个像素;22是下面“未读”文本的高度
    int vSpace = 24 + 22;
    //行间距
    int rowSpace = 6;

    float itemW = this->geometry().width() * 0.5f;

    QFontMetrics fm(ui->chatTxt->font());
    QRect rec = fm.boundingRect(content_);
    int textWidth = rec.width();
    int textHeight = rec.height();
    int rowNum = ceil(textWidth / itemW);

    QListWidgetItem *item = ((QListWidget*)parent())->item(index_);
    QSize size = item->sizeHint();
    if (rowNum > 1)
    {
        ui->chatTxt->setFixedWidth(itemW);
    } else {
//        ui->chatTxt->setFixedWidth(textWidth + hSpace + content_.length() - 1);
    }
    item->setSizeHint(QSize(size.rwidth(), rowNum * textHeight + (rowNum - 1) * rowSpace + vSpace));

效果:
在这里插入图片描述


版权声明:本文为u011533382原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。