C#+ html 實現類似QQ聊天界面的氣泡效果

/**定義兩個人的頭像*/
    Myhead = "<img src=qrc:/chatdemo/Msg/Head.png width='30px'heigth='30px'>";
    QString strHead = QString("C:/Users/tax10_000/Desktop/ql_184555_828078.jpg");
    otherhead = QString ("<img src=%1 width='30px' heigth='30px'>").arg(strHead);

加載html文件

void chatdemo::slot_btnpicClicked()
{
    QString FilePath = QFileDialog::getOpenFileName();
    QFile file( FilePath );
    bool ok = file.open( QIODevice::ReadOnly );
    if( !ok ) { return; }
    QString msg = QString("<img src=%1 />")
        .arg( FilePath );
    QString MyHead = QString("<img src=%1 width='30px' heigth='30px'/>").arg(FilePath);
    QString Msg = QString ("<img src=qrc:/chatdemo/Msg/downloading.jpg/>");
    SendMsgShow(msg,MyHead);
    RevMsgShow( Msg,otherhead);

}1
2
3
4
5
6
7
8
9
10
11
12
13
14



下面這個函數的功能是當LineEdit中有內容時，將LineEdit中的內容顯示在界面上並清除LineEdit中的內容，如果發送是“你好”或者“時間”時，假設對方會回答你。

void chatdemo::slot_lineEditReturnpressed()
{
    if( m_ui.lineEdit->text() == NULL )
    {
        QMessageBox::warning( this , "warning","Can't send an empty msg!" );
        return;
    }
    /**自己發送的消息*/
    SendMsgShow( m_ui.lineEdit->text() , Myhead );

    if( m_ui.lineEdit->text() == QString::fromLocal8Bit("你好") )
    {
        RevMsgShow( QString::fromLocal8Bit( "請問有什么可以幫助你嗎?" ), otherhead );
    }
    else if(m_ui.lineEdit->text() == QString::fromLocal8Bit( "時間" ) )
    {
        RevMsgShow( QString::fromLocal8Bit( "北京時間：%1" )
                    .arg( QTime::currentTime().toString( "hh:mm:ss" ) ), otherhead );
    }

    m_ui.lineEdit->clear();
}