使用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设置到消息框，就可以显示成气泡样式啦，简单吧

源码下载：点击打开链接

参考：http://qtdebug.com/QSS-BorderImage.html