如何在 QTextEdit 中为 QTextFrame 或 QTextBlock 提供背景图像？

我正在开发一个 IM 工具，作为它的一部分，我必须开发一个BubbleChatWidget所有消息项都有一个bubble-like背景图像。我以为我可以实现我的目标QTextEidt，但我不知道如何给出“QTextFrame”或QTextBlock背景图像。

所以我的问题是如何给予QTextFrame or QTextBlock背景图像QTextEdit?If QTextEdit无法满足我的要求，如何与其他人一起实现我的目标Qt techniques?

The BubbleChatWidget可能包含clickable文字或图片。而且你不能忘记这样一个事实BubbleChatWidget可能包含数千个项目。

下图显示了我想要的。

Qt 样式表非常适合实现您想要的目标。

解决方案是使用一个边框图像 http://qt-project.org/doc/qt-5/stylesheet-reference.html#border-image-prop。幸运的是，您可以使用样式表来做到这一点，并且可以设置样式QTextEdits.

关于造型QTextBlocks or QTextFrames: A QTextEdit是一个显示一个小部件QTextDocument其中可以包含QTextBlocks and QTextFrames。框架和块是文本容器，为文档中的文本提供结构，但它们不由单独的小部件呈现。因此，它们不能独立设计。我建议使用QTextEdit或每条消息的其他小部件，并正确管理随之而来的内存使用增加。

我将介绍如何设置文本编辑的样式。

首先，拍摄所需边框的清晰图像。我用一点 Photoshop 准备了自己的图像（不像生产应用程序那样干净）：

让我们为类的对象设置样式QTextEdit及其子类。

QTextEdit {
    background-color: #eaedf2;              /* Same gray in your background center */
    border-image: url(":/images/bkg.png");  /* The border image                    */
    border-top-width: 11px;
    border-right-width: 4px;
    border-bottom-width: 4px;
    border-left-width: 11px;
}

将之前的样式表设置为文本编辑的容器会将所有样式表变成这样

与您想要的外观非常相似。当然，你必须准备一个好的边框图像并更好地调整边框尺寸，但我认为这可能会有所帮助。

如果您希望传入和传出消息有不同的样式，那么您必须 在样式表中正确区分并选择它们。查看this http://qt-project.org/doc/qt-5/stylesheet-syntax.html以供参考。