Qt UDP聊天软件

      先上一张最后运行结果图，顺便说下开发环境:fedora14+qt4.8.1.界面的搭建是用designer画的，以前还没用过，都用程序写界面发现吃力不讨好，用designer画的效果和程序写时完全等价的。他会自动生成一个类似Android下的xml布局文件，并且自动关联槽函数，不用白不用，哈哈！基类为widget。

                             


先交代几个重要变量:

192.168.2.211对应变量 ipEdit

6665------------------------portEdit

信息交互栏下面的编辑框------getEdit

发送信息下面的编辑框--------sendEdit

另外几个按钮就不多说了！

I.widget.h的代码：

#ifndef WIDGET_H

#define WIDGET_H

#include <QWidget>

#include <QtNetwork/QUdpSocket>

#include<QtNetwork/QHostAddress>

#include <QMessageBox>

#include <QHostInfo>

#include <QNetworkInterface>

namespace Ui {

class Widget;

}

class Widget : public QWidget

{

    Q_OBJECT 

public:

    explicit Widget(QWidget *parent = 0);

    ~Widget();

    QHostAddress *localHostAddr;

     QHostAddress *remoteHostAddr;

    QString localIpStr;

    QString remoteIpStr;

    QString getIp();

    void autoScroll();

private slots:

    void send();

    void receive();    

    void on_clearButton_clicked();
    void on_configButton_clicked();

    void on_exitButton_clicked();

private:

    Ui::Widget *ui;

    QUdpSocket *udpSocket1;   

    bool configFlag;

};

#endif // WIDGET_H

 II、 widget.cpp里的核心代码及说明：

首先初始化如下： ui->setupUi(this);

    configFlag = false;//初始化连接参数 为未连接

    ui->getTextEdit->ensureCursorVisible();

    ui->sendTextEdit->setFocus();//程序启动时，焦点停在发送对话框

    ui->ipEdit->setText("192.168.2.211");//设置默认的远程端Ip

    ui->portEdit->setText("6665"); //设置默认端口号

一、快捷键设置：

 ui->udpSendButton->setShortcut(tr("Alt+F"));  

这点重点说下，不知道为什么想用Ctrl+Enter，但用不了，用其他快捷键就可以，这里用Alt+F。

二、本地Ip的查找

       这块是最曲折的。最初是用

//QHostInfo info = QHostInfo::fromName(QHostInfo::localHostName());

//hostaddr1 = info.addresses().takeFirst();

这样查询出的hostaddr1其实是本地回环Ip地址， hostaddrStr = hostaddr1.toString();，可以用qDebug（）<<hostaddrStr打印一下，发现结果是127.0.0.1.并不是真正的本地Ip地址。localHostAddr = new QHostAddress(localIpStr);如果这里用new QhostAddrress（hostaddr1），用这个地址的话可以自己给自己发，但和局域网其他机器通讯时是根本不可能的。

这里提供一下查询本地Ip的函数：

QString Widget::getIp()

{

    QList<QHostAddress> list = QNetworkInterface::allAddresses();

    foreach (QHostAddress address, list)

    {

        if(address.protocol() == QAbstractSocket::IPv4Protocol)   //我们使用IPv4地址

        {

            if(address.toString().contains("127.0."))

                continue;

            qDebug()<<"本机Ip："<<address.toString();

            return address.toString();

        }

    }

    return 0;

}

只有这个函数，打印出来的Ip地址才是你机器上真正的Ip。

所以我们

 localIpStr = getIp();

 localHostAddr = new QHostAddress(localIpStr);

首先获得本地Ip地址，用这个Ip地址也初始化QHostAddress变量。这是我们的本地Ip.

    udpSocket1 = new QUdpSocket(this);

    bool bindFlag = udpSocket1->bind(*localHostAddr, 6665, QUdpSocket::ShareAddress);

上面是初始化一个udpsocket，将他和本地Ip及 开放的端口号绑定在一起。

接下来判断绑定失败与否：

 if(!bindFlag)

    {

        QMessageBox box;

        box.setText(tr("初始化绑定socket错误！"));

        box.exec();

    }

    else

    {

        connect(udpSocket1, SIGNAL(readyRead()), this, SLOT(receive()));

        connect(ui->udpSendButton, SIGNAL(clicked()), this, SLOT(send()));

    }

绑定成功了，就连接槽函数，第一个receive（）是udpSocket1在接收到数据时触发的，第二个send（）是当按下发送按键时，往对端机器发信息的。接收数据和发送数据时同一个Socket！大家注意了，网上其他人用一个socket接收，一个socket发送。可能也可以把，这里用一个。

  this->setWindowTitle(tr("基于Qt的UDP聊天界面-------顶礼准提佛母")); 设置标题。

三、发送数据的槽函数-----解决发送中文乱码的关键

void Widget::send()

{

    autoScroll();

    QString sendStr = ui->sendTextEdit->toPlainText();

    QByteArray sendByteArray = sendStr.toAscii();

    QMessageBox box;

    if(sendStr.length()==0)

    {

        box.setText(tr("请输入发送内容"));

        box.exec();

    }

    else if(configFlag)

    {

        udpSocket1->writeDatagram(sendByteArray, sendByteArray.length(), *remoteHostAddr, 6665);

        //本地发送信息再信息交互窗口的显示

        QDateTime time;

        QString timeStr = time.currentDateTime().toString("yyyy-MM-dd hh:mm:ss ddd");

        ui->getTextEdit->setTextColor(QColor("red"));

        ui->getTextEdit->insertPlainText("本机" + localIpStr + ": " + timeStr + "\n");

        ui->getTextEdit->setTextColor(QColor("black"));

        ui->getTextEdit->insertPlainText( sendStr +"\n");

        ui->sendTextEdit->clear();//点击发送后，发送编辑框内清零

        ui->sendTextEdit->setFocus();//焦点停留在发送编辑框

    }

    else if(!configFlag)

    {

        box.setText("请您先点击确认按钮!");

        box.exec();

    }

}

 这里有几点说说：

 1,发送数据的实现

          QString sendStr = ui->sendTextEdit->toPlainText();

          QByteArray sendByteArray = sendStr.toAscii();
         udpSocket1->writeDatagram(sendByteArray, sendByteArray.length(), *remoteHostAddr, 6665);

          能否正确显示中文就在这一句，必须把QString转成QByteArray再发送，接收端有好几种实现方法，但发送端不这么搞的话，就解析不了中文。这块让我搞了一整天！

2，本地时间显示

        QDateTime time;

        QString timeStr = time.currentDateTime().toString("yyyy-MM-dd hh:mm:ss ddd"); 要包含一个头文件，#include <qdatetime.h>，奇怪的是这个头文件包含在widget.h里就不行，非要搞到widget.cpp里才中。

3，显示文本的时候  ui->getTextEdit->insertPlainText( sendStr +"\n");

        ui->sendTextEdit->clear(); //点击发送后，发送编辑框内清零

        ui->sendTextEdit->setFocus();//焦点停留在发送编辑框

一定要搞成insertPlainText，如果搞成setText，就会把显示窗口搞成只有一句话，这个函数是不销毁以前的内容，插入在以前的文本内容之后的函数。

4，自动滚屏的实现，函数实现为：

void Widget::autoScroll()

{

    QTextCursor cursor = ui->getTextEdit->textCursor();

    cursor.movePosition(QTextCursor::End);

    ui->getTextEdit->setTextCursor(cursor);

}

     这里插一句，getEdit，的属性里设成enables，read Only,在designer里，点控件，设置属性里这么设置。

                                    


只有拖动右边滚动鼠标才能显示，所以一定要设自动滚屏。而且在两个地方，一个是receive里调用这个函数，有东西显示的时候，滚屏到最后显示！ 点发送的时候，也要调用这个滚屏函数，如果您聊天的时候，把光标停留在信息交互栏里某个位置A，下一条信息就会显示在A光标后，而不是我们希望的每次都挨着上一条信息后显示。所以点发送按钮后，要先调用，目的在此！

四、接收槽函数的实现

 void Widget::receive()

{

    while(udpSocket1->hasPendingDatagrams())

    {

        QTextCodec *tc=QTextCodec::codecForName("UTF-8"); //UTF-8

        QDateTime time;

        QString timeStr = time.currentDateTime().toString("yyyy-MM-dd hh:mm:ss ddd");

        QByteArray data;

        data.resize(udpSocket1->pendingDatagramSize());

        udpSocket1->readDatagram(data.data(), data.size());

//      QString dataStr =  QString::fromUtf8(data.data());//这样写也是正确的
        QString dataStr = tc->toUnicode(data);
        ui->getTextEdit->setTextColor(QColor("red"));

        ui->getTextEdit->insertPlainText("远程"  + remoteIpStr+": "+ timeStr +"\n" );

        ui->getTextEdit->setTextColor(QColor("black"));

        ui->getTextEdit->insertPlainText(dataStr  + "\n" );

        autoScroll();

    }

}

     为了显示中文，关键在三句

     QTextCodec *tc=QTextCodec::codecForName("UTF-8");

     QString dataStr = tc->toUnicode(data);

如果不写这两句，用这句也可以实现：QString dataStr =  QString::fromUtf8(data.data());  

五，点确定按钮的槽函数：

void Widget::on_configButton_clicked()

{

     remoteIpStr = ui->ipEdit->text();

    QString port = ui->portEdit->text();

    qDebug()<<"远程端Ip："<<remoteIpStr<<"端口号："<<port;

    remoteHostAddr = new QHostAddress(remoteIpStr);

    QMessageBox box;

    if(remoteIpStr.length()==0 || port.length()==0 || port.toInt()<1024)

    {

        configFlag = false;

        box.setText("请正确设置远程端Ip地址和端口号！");

        box.exec();

    }

    else

    {

        configFlag = true;

        box.setText("您设置的远程端Ip：" + remoteIpStr+"端口号："+port);

        box.exec();

    }

}