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