一、創(chuàng)建我們的項目。

?

選擇第一個選項，然后兩個下一步------

直到

?文章來源地址http://www.zghlxwxcb.cn/news/detail-447151.html

這里要選擇基類，我們選擇Qwiget

?至于為什么，可以看看我收藏的這篇博客QMainWindow和QWidget的區(qū)別_qwidget和qmainwindow_獨行俠_阿濤的博客-CSDN博客

ok，創(chuàng)建完成后，我們使用快捷鍵Ctrl+R來運行一下，看看是否會彈出小窗口，彈出說明沒有問題。

注意?。?！ 路徑必須是純英文路徑！?。?/h3>

二、分析文件構(gòu)成--學(xué)習(xí)的必要知識

第一個后綴是.pro的文件。打開它

?這pro文件就是工程文件，我們來一起分析一下這個文件。

第6行中

QT       += core gui//代表加入了 core 和gui模塊。

greaterThan(QT_MAJOR_VERSION, 4): QT += widgets  //假如qt的版本大于4就加入widgets模塊

TARGET = class1//生成的app名字
TEMPLATE = app//編譯產(chǎn)物的類型

# The following define makes your compiler emit warnings if you use
# any feature of Qt which has been marked as deprecated (the exact warnings
# depend on your compiler). Please consult the documentation of the
# deprecated API in order to know how to port your code away from it.
DEFINES += QT_DEPRECATED_WARNINGS

# You can also make your code fail to compile if you use deprecated APIs.
# In order to do so, uncomment the following line.
# You can also select to disable deprecated APIs only up to a certain version of Qt.
#DEFINES += QT_DISABLE_DEPRECATED_BEFORE=0x060000    # disables all the APIs deprecated before Qt 6.0.0

CONFIG += c++11

SOURCES += \         //指定工程里面有哪些cpp文件
        main.cpp \
        widget.cpp \
    first.cpp

HEADERS += \   //指定工程的頭文件
        widget.h \
    first.h

FORMS += \    //指定工程里面有哪些ui文件
        widget.ui \  
    first.ui

# Default rules for deployment.
qnx: target.path = /tmp/$${TARGET}/bin
else: unix:!android: target.path = /opt/$${TARGET}/bin
!isEmpty(target.path): INSTALLS += target

RESOURCES += \
    tu.qrc

分析注釋在代碼里面了，這些語句都是自動加入的不需要我們手動輸入。

三、打開UI文件，開始設(shè)計界面

點擊form，雙擊Ui文件即可進入ui編輯器頁面。

?箭頭所指的是布局和界面設(shè)計工具欄。

這個矩形窗體是我們的待設(shè)計窗體（忽略我做的東西...）

?

?

?

?作圖的感覺太爽了！

因為我寫過一個登錄界面了，這篇博客我就整一個注冊界面吧。

照著這個整一個??！

gogogo

這窗口太小給他在右邊的geometry里面改改大小，改成 800? 600

?

?拉一個label標(biāo)簽->text上寫文字“歡迎注冊QQ”

改一下變量名字 ?。。?！------記得每個組件都改改，方便后續(xù)我們進行代碼的書寫。

這里可以設(shè)置文字字體和位置?

設(shè)置文字大小?。

同理再像上面的步驟搞一個標(biāo)題，像qq一樣。

拉兩個label作賬號密碼。

?拉兩個line Edit作為輸入賬號密碼的框。????????

如果是登錄界面我們想要密碼不顯示，顯示出*******。在右邊對象設(shè)計器中選擇password即可。

?

根據(jù)上面的教學(xué)--做出自己的調(diào)整

這是我做好的。

還缺少一個注冊的按鈕。

按鈕是

?拉一個放到下面

是不是還挺像那么回事，我們Ctrl+s保存一下運行看看 。

?ok，看上去很不錯。但是只是個花架子，點擊按鈕沒反應(yīng)。

下面是Qt重點??！

四、槽和信號

打開我們的ui編輯器界面進行編輯，右鍵這個“立即注冊”按鈕

點擊轉(zhuǎn)到槽。

選擇cliked()信號，就是鼠標(biāo)點擊信號。?

自動轉(zhuǎn)到代碼中，并且創(chuàng)建函數(shù)，自動在.h文件里聲明文件，如果要更改函數(shù)名，需要你手動在.h函數(shù)中聲明函數(shù)。

聲明函數(shù)只能在public slots或者private slots中聲明。

?這行代碼是信息提示框代碼。

//對話框分類
//模態(tài)對話框 ：不允許對其他窗口進行操作
//非模態(tài)對話框 ：可以對其他窗口進行操作

具體的可以在csdn上查一下學(xué)習(xí)。

QMessageBox::information(this,"注冊成功","注冊成功");

五、美化窗口-----給界面加點圖片

右鍵項目->add new 選擇 Qt Resource File?

?路徑必須英文，名稱應(yīng)該也得是英文。

?下一步完成，保存 Ctrl+s。

創(chuàng)建完成后，我們可以在工程文件下看到我們創(chuàng)建的文件

?

打開項目路徑，把圖片拖進來。

右鍵.prc文件，選擇OPEN with 里面的資源編輯器。選擇添加里面的添加前綴

我把前綴改為/? 重點改完后立馬Ctrl+s保存。

然后點擊添加文件，選擇想要添加的圖片即可。

?打開UI編輯器

對任何一部分構(gòu)件都可以右鍵，更改樣式表，添加資源。

不要直接點擊添加資源，點擊下拉欄里面的border-image。

?點擊選擇圖片即可。

六、添加窗口------交互后彈出另一個窗口

在項目內(nèi)右鍵

點擊 ADD new ....

選擇如圖

選擇widget

?

?自己起一個好聽的名字吧

下一步->完成。

按照上面幾步，搞一下新窗口的ui，美化一下。

?在主頁面中的按鈕轉(zhuǎn)到槽開始編輯代碼來顯示新窗口

void Widget::on_loginin_clicked()
{    QString username =ui->lineEdit->text();
     QString password =ui->lineEdit_2->text();
      if(username=="123456" &&password=="wumoumou")
     {
          qDebug("成功");
     first *fi =new first;
     fi->setGeometry(this->geometry());//和主窗口的大小保持一致
     fi->show();
      }
}

看一下這篇博客的成果吧

?

到了這里，關(guān)于Qt學(xué)習(xí)筆記之二--創(chuàng)建一個簡單的qt互動界面（超級無敵巨詳細(xì)，0基礎(chǔ)也能會，主打的就是圖多，語句通俗）的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！