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);

 }

 下面这个函数的功能是当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();
 }