使用border-image实现轻量级历史气泡聊天显示窗
上图:
使用border-image贴图实现气泡效果
例如(自己的信息显示):
class CRightBubbleWidget: publicQWidget
{
public:
CRightBubbleWidget(QWidget *parent = NULL);
~CRightBubbleWidget();
void setMessage(QString &strTitle, QString &strMessage);
private:
void init();
private:
QLabel *m_pNameLabel;
QLabel *m_pContentLabel;
};
qss文件:
QLabel#ChatMyOldMessageLabel
{
color: #000000;
font-size:14px;
font-family:Microsoft YaHei;
border-width: 10px 10px 5px 7px;
border-image: url(:/new/prefix1/myBubble.png) 10 10 5 7 no-repeat stretch;
}
将使用border-image设置到消息框,就可以显示成气泡样式啦,简单吧
源码下载:点击打开链接