1. 程式人生 > >Qt學習之路_3(VS下Qt的訊號與槽初次體驗)

Qt學習之路_3(VS下Qt的訊號與槽初次體驗)

在Qt中是使用訊號與槽的機制來完成事件的響應過程的。網上Qt的開發基於Qt Creator的資料比較多,基於vs下的資料除了其環境配置方面的外就剩下很少了。開始以為2者環境下的開發方式相同,後面稍微接觸了下發現還是有微妙的區別的,Qt在vs下畢竟是add-in嵌入的,用起來不如Creator中方便,比如對某控制元件而已不能自動go to slot,所以一些固定格式的程式碼需要自己手動新增,幸運的是,2者下的開發大致相同。

  本文按官網上一篇英文資料操作了一遍,初步體驗了Qt中的訊號與槽的機制,網址為:

  程式實現的功能是:新增和刪除使用者的姓名和其email地址。其有2個介面,分別為1個主視窗介面和一個對話新增使用者名稱和email視窗介面。

  按照網頁教程分別完成下面步驟:

  1. 新建一個Qt應用程式框架
  2. 用Qt設計師設計主視窗(其實也是一個對話方塊視窗),主視窗包括1個QListWidget,2個PushButton,2個QLabel。
  3. 設計一個”新增使用者地址”對話方塊介面,包括2個QLabel,2個QLinEdit,1個QPushButton。
  4. 為”新增使用者地址”介面的OK按鈕增加訊號與槽的聯絡。此時可以在UI設計師的編輯\訊號槽模式下進行,具體方法是拖動OK按鈕釋放後選擇對應的訊號與槽,見網頁詳細介紹。
  5. 實現主視窗中Add按鈕的顯示”新增使用者地址”介面,並且響應該介面中的使用者名稱輸入和ok按鈕。這一部分要特別注意,除了實現功能程式碼外,還需自己手動新增一些其他的程式碼(Qt Creator可以自動新增,vs下找了很久沒有發現)。我們需要在3個地方新增程式碼,第1個是在addressbook.h檔案下新增一個槽函式宣告,即屬於private slots型別,新增後如下所示:

      

   第2個新增地方為在addressbook.cpp中新增adddialog.h標頭檔案。

     最後一個地方為addressbook.cpp實現add按鈕功能,其程式碼為(為什麼cnblog的程式碼摺疊功能不能用呢?):  

複製程式碼
void AddressBook::on_addButton_clicked()
{
    AddDialog dialog(this);
    if (dialog.exec()) {    //等待使用者的輸入,為模態對話方塊,對話方塊以外的操作不響應
        QString name = dialog.nameEdit->text();
        QString email 
= dialog.emailEdit->text(); if (!name.isEmpty() && !email.isEmpty()) {//當2者輸入都非空時 QListWidgetItem *item = new QListWidgetItem(name, ui.addressList);//用於在QListWidge中顯示的條目 item->setData(Qt::UserRole, email);//UserRole指的是後面的資料型別是針對特定程式應用的 ui.addressList->setCurrentItem(item);//把item放入QListWidge中 } } }
複製程式碼

  6. 用同樣的方法完成主視窗中顯示選中的Item的功能

  7. 用同樣的方法完成”新增使用者地址”介面的delete按鈕功能。

  下面為幾個主要檔案的整體程式碼:

  adddialog.h:

複製程式碼
#ifndef ADDDIALOG_H
#define ADDDIALOG_H

#include <QDialog>
#include "ui_adddialog.h"

class AddDialog : public QDialog, public Ui::AddDialog
{
    Q_OBJECT

public:
    AddDialog(QWidget *parent = 0);
    ~AddDialog();
};

#endif // ADDDIALOG_H
複製程式碼

  addressbook.h:

複製程式碼
#ifndef ADDRESSBOOK_H
#define ADDRESSBOOK_H

#include <QtGui/QMainWindow>
#include "ui_addressbook.h"

class AddressBook : public QMainWindow
{
    Q_OBJECT

public:
    AddressBook(QWidget *parent = 0, Qt::WFlags flags = 0);
    ~AddressBook();

private:
    Ui::AddressBookClass ui;
private slots:
    void on_addButton_clicked();//即使是系統能識別的命名方式,該語句還是不能少
    void on_addressList_currentItemChanged();
    void on_deleteButton_clicked();
};

#endif // ADDRESSBOOK_H
複製程式碼

  adddialog.cpp:

複製程式碼
#include "adddialog.h"

AddDialog::AddDialog(QWidget *parent)
    : QDialog(parent)
{
    setupUi(this);
}

AddDialog::~AddDialog()
{

}
複製程式碼

  addressbook.cpp:

複製程式碼
#include "addressbook.h"
#include "adddialog.h"

AddressBook::AddressBook(QWidget *parent, Qt::WFlags flags)
    : QMainWindow(parent, flags)
{
    ui.setupUi(this);
//    connect( ui.addButton, SIGNAL(clicked()), this, SLOT(onaddButton_clicked()) );//如果是系統能識別的名字的話,這條語句可以省略
//    connect( ui.deleteButton, SIGNAL(clicked()), this, SLOT(on_deleteButton_clicked()) );
}

AddressBook::~AddressBook()
{

}

void AddressBook::on_addButton_clicked()
{
    AddDialog dialog(this);
    if (dialog.exec()) {    //等待使用者的輸入,為模態對話方塊,對話方塊以外的操作不響應
        QString name = dialog.nameEdit->text();
        QString email = dialog.emailEdit->text();

        if (!name.isEmpty() && !email.isEmpty()) {//當2者輸入都非空時
            QListWidgetItem *item = new QListWidgetItem(name, ui.addressList);//用於在QListWidge中顯示的條目
            item->setData(Qt::UserRole, email);//UserRole指的是後面的資料型別是針對特定程式應用的
            ui.addressList->setCurrentItem(item);//把item放入QListWidge中
        }
    }
}


void AddressBook::on_addressList_currentItemChanged()
{
    QListWidgetItem *curItem = ui.addressList->currentItem();//獲取當前item

    if (curItem) {
        ui.nameLabel->setText("Name: " + curItem->text());//curItem->text()指的是item最前面的那個標題
        ui.emailLabel->setText("Email: " +
            curItem->data(Qt::UserRole).toString());//item的內容,且轉化成了String型別
    } else {
        ui.nameLabel->setText("<No item selected>");
        ui.emailLabel->clear();
    }
}


void AddressBook::on_deleteButton_clicked()
{
    QListWidgetItem *curItem = ui.addressList->currentItem();

    if (curItem) {
        int row = ui.addressList->row(curItem);//返回當前item所在的行數
        ui.addressList->takeItem(row);//takeItem(row)表示移除掉當前row的item,並返回當前的item
        delete curItem;

        if (ui.addressList->count() > 0)//計算當前所有的item個數,包括隱含的item
            ui.addressList->setCurrentRow(0);//顯示第一個item
        else
            on_addressList_currentItemChanged();//其目的視窗是下面的edit內容不顯示
    }
}
複製程式碼

  main.cpp:

複製程式碼
#include "addressbook.h"
#include <QtGui/QApplication>

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    AddressBook w;//直接相關的類就是addressbook,其它的比如addialog類只是設計其介面,功能的實現是間接實現的,無需更改其cpp檔案
    w.show();
    return a.exec();
}
複製程式碼

本次試驗的主要總結有下面2點:

  1. 在Ut設計師介面下,且運行於編輯\訊號槽模式,如果使用圖示連線了訊號與槽之間的關係的話,則在此類中的建構函式中不需要實現connect()函式連線訊號與槽了。
  2. 如果槽函式是採用系統能識別的預設函式名。比如Add按鈕對於系統預設的函式名on_addButton_clicked(),則此時連設計介面的連線線等都不需要填了,直接可以在cpp程式中程式碼實現自己的功能即可。