Qt：显示聊天消息的最佳控制

Question

我一直在尝试使用textBrowser来显示应用中的聊天消息。我已将textBrowser设置为启用HTML。然后我将每条消息附加到textBrowser，如下所示：

ui->textBrowser->append(QString().sprintf("<div style=\"border-bottom:1px solid #eeeeee; background-color:#ffffff;display:block;\"><font color=\"red\"> %s</font></div>",msg.toStdString().c_str()));

但是，我可以将CSS应用于每个附加元素。例如; - 边境不起作用 - 显示块不起作用 - 等等。

我现在相当确定textBrowser只是没有我需要的力量，我的目标是像Skype一样创建聊天消息。

用于此目的的最佳控制是什么？

到目前为止我有一些想法： - 使用scrollArea并在其中添加widgets - 使用listView（不确定是否可以按照我想要的方式设置样式）

Key elements i want to include in each chat message are:
- Time
- Avatar picture
- Name
- Text message

任何想法最好的方法是什么？

修改

不幸的是，由于我还是新来的，我无法附上图片。

Answer 1

我认为你可以简单地使用WebKit（WebView）组件。这将允许您做任何您需要的事情和更多。样式和布局就像常规的HTML / CSS页面一样，然后您可以通过JavaScript将它集成到应用程序后端。