Qt 創(chuàng)建一個對話框(下)

2018-10-04 10:06 更新

創(chuàng)建一個對話框(下)

接著前一篇,下面是源代碼部分:

#include <QtGui> 
#include "finddialog.h" 

FindDialog::FindDialog(QWidget *parent) 
        : QDialog(parent) 
{ 
        label = new QLabel(tr("Find &what:")); 
        lineEdit = new QLineEdit; 
        label->setBuddy(lineEdit); 

        caseCheckBox = new QCheckBox(tr("Match &case")); 
        backwardCheckBox = new QCheckBox(tr("Search &backford")); 

        findButton = new QPushButton(tr("&Find")); 
        findButton->setDefault(true); 
        findButton->setEnabled(false); 

        closeButton = new QPushButton(tr("Close")); 

        connect(lineEdit, SIGNAL(textChanged(const QString&)), this, SLOT(enableFindButton(const QString&))); 
        connect(findButton, SIGNAL(clicked()), this, SLOT(findClicked())); 
        connect(closeButton, SIGNAL(clicked()), this, SLOT(close())); 

        QHBoxLayout *topLeftLayout = new QHBoxLayout; 
        topLeftLayout->addWidget(label); 
        topLeftLayout->addWidget(lineEdit); 

        QVBoxLayout *leftLayout = new QVBoxLayout; 
        leftLayout->addLayout(topLeftLayout); 
        leftLayout->addWidget(caseCheckBox); 
        leftLayout->addWidget(backwardCheckBox); 

        QVBoxLayout *rightLayout = new QVBoxLayout; 
        rightLayout->addWidget(findButton); 
        rightLayout->addWidget(closeButton); 
        rightLayout->addStretch(); 

        QHBoxLayout *mainLayout = new QHBoxLayout; 
        mainLayout->addLayout(leftLayout); 
        mainLayout->addLayout(rightLayout); 
        setLayout(mainLayout); 

        setWindowTitle(tr("Find")); 
        setFixedHeight(sizeHint().height()); 
} 

FindDialog::~FindDialog() 
{ 

} 

void FindDialog::findClicked() 
{ 
        QString text = lineEdit->text(); 
        Qt::CaseSensitivity cs = caseCheckBox->isChecked() ? Qt::CaseInsensitive : Qt::CaseSensitive; 
        if(backwardCheckBox->isChecked()) { 
                emit findPrevious(text, cs); 
        } else { 
                emit findNext(text, cs); 
        } 
} 

void FindDialog::enableFindButton(const QString &text) 
{ 
        findButton->setEnabled(!text.isEmpty()); 
}

CPP 文件要長一些哦——不過,它們的價錢也會更高,嘿嘿——嗯,來看代碼,第一行 include 的是QtGui。Qt 是分模塊的,記得我們建工程的時候就會問你,使用哪些模塊?QtCore?QtGui?QtXml?等等。這里,我們引入 QtGui,它包括了 QtCore 和 QtGui 模塊。不過,這并不是最好的做法,因為QtGui 文件很大,包括了 GUI 的所有組件,但是很多組件我們根本是用不到的——就像 Swing 的import,你可以 import 到類,也可以使用,不過都不會建議使用,這里也是一樣的。我們最好只引入需要的組件。不過,那樣會把文件變長,現(xiàn)在就先用 QtGui 啦,只要記得正式開發(fā)時不能這么用就好啦!

構(gòu)造函數(shù)有參數(shù)初始化列表,用來調(diào)用父類的構(gòu)造函數(shù),相當(dāng)于 Java 里面的 super()函數(shù)。這是 C++ 的相關(guān)知識,不是 Qt 發(fā)明的,這里不再贅述。

然后新建一個 QLabel。還記得前面的 Hello, world!里面也使用過 QLabel 嗎?那時候只是簡單的傳入一個字符串?。∵@里怎么是一個函數(shù) tr()?函數(shù) tr()全名是 QObject::tr(),被它處理的字符串可以使用工具提取出來翻譯成其他語言,也就是做國際化使用。這以后還會仔細講解,只要記住,Qt 的最佳實踐:如果你想讓你的程序國際化的話,那么,所有用戶可見的字符串都要使用 QObject::tr()!但是,為什么我們沒有寫 QObject::tr(),而僅僅是 tr()呢?原來,tr()函數(shù)是定義在 Object里面的,所有使用了 Q_OBJECT 宏的類都自動具有 tr()函數(shù)。

字符串中的&代表快捷鍵。注意看下面的 findButton 的 &Find,它會生成 Find 字符串,當(dāng)你按下Alt+F 的時候,這個按鈕就相當(dāng)于被點擊——這么說很難受,相信大家都明白什么意思。同樣,前面label 里面也有一個&,因此它的快捷鍵就是 Alt+W。不過,這個 label 使用了 setBuddy 函數(shù),它的意思是,當(dāng) label 獲得焦點時,比如按下 Alt+W,它的焦點會自動傳給它的 buddy,也就是lineEdit??矗@就是伙伴的含義(buddy 英文就是伙伴的意思)。

后面幾行就比較簡單了:創(chuàng)建了兩個 QCheckBox,把默認的按鈕設(shè)為 findButton,把 findButton 設(shè)為不可用——也就是變成灰色的了。

再下面是三個 connect 語句,用來連接信號槽??梢钥吹剑?dāng) lineEdit 發(fā)出 textChanged(const QString&)信號時,F(xiàn)indDialog 的 enableFindButton(const QString&)函數(shù)會被調(diào)用——這就是回調(diào),是有系統(tǒng)自動調(diào)用,而不是你去調(diào)用——當(dāng) findButton 發(fā)出 clicked()信號時,F(xiàn)indDialog的 findClicked()函數(shù)會被調(diào)用;當(dāng) closeButton 發(fā)出 clicked()信號時,F(xiàn)indDialog 的 close()函數(shù)會被調(diào)用。注意,connect()函數(shù)也是 QObject的,因為我們繼承了 QObject,所以能夠直接使用。

后面的很多行語句都是 layout 的使用,雖然很復(fù)雜,但是很清晰——編寫 layout 布局最重要一點就是思路清楚,想清楚哪個套哪個,就會很好編寫。這里我們的對話框?qū)嶋H上是這個樣子的:

注意那個 spacer 是由 rightLayout 的 addStretch()添加的,就像彈簧一樣,把上面的組件“頂起來”。

最后的 setWindowTitle()就是設(shè)置對話框的標題,而 setFixedHeight()是設(shè)置成固定的高度,其參數(shù)值 sizeHint()返回“最理想”的大小,這里我們使用的是 height()函數(shù)去到“最理想”的高度。

好了,下面該編寫槽了——雖然說是 slot,但實際上它就是普通的函數(shù),既可以和其他函數(shù)一樣使用,又可以被系統(tǒng)回調(diào)。

先看 findClicked()函數(shù)。首先取出 lineEdit的輸入值;然后判斷 caseCheckBox是不是選中,如果選中就返回 Qt::CaseInsensitive,否則返回 Qt::CaseSensitive,用于判斷是不是大小寫敏感的查找;最后,如果 backwardCheckBox被選中,就 emit(發(fā)出)信號 findPrevious(),否則 emit信號 findNext。

enableFindButton()則根據(jù) lineEdit 的內(nèi)容是不是變化——這是我們的 connect 連接的——來設(shè)置findButton 是不是可以使用,這個很簡單,不再說了。

這樣,F(xiàn)indDialog.cpp 也就完成了。下面編寫 main.cpp——其實 QtCreator 已經(jīng)替我們完成了——

#include <QApplication> 

#include "finddialog.h" 

int main(int argc, char *argv[]) 
{ 
        QApplication app(argc, argv); 
        FindDialog *dialog = new FindDialog; 
        dialog->show(); 
        return app.exec(); 
}

運行一下看看我們的成果吧!

雖然很簡單,也沒有什么實質(zhì)性的功能,但是我們已經(jīng)能夠制作對話框了—— Qt 的組件成百上千,不可能全部介紹完,只能用到什么學(xué)什么,更重要的是,我們已經(jīng)了解了其編寫思路,否則的話,即便是你拿著全世界所有的磚瓦,沒有設(shè)計圖紙,你也不知道怎么把它們組合成高樓大廈啊!

嘿嘿,下回見!

本文出自 “豆子空間” 博客,請務(wù)必保留此出處 http://devbean.blog.51cto.com/448512/194031

以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號