QT中大部分部件如何使用舉例詳解

Posted on by

內容繁多，直接上代碼

重點請看mainwindow.cpp的中代碼和ui如何設計的

【1】main.cpp

#include "mainwindow.h"
#include <QApplication>

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    MainWindow w;
    w.show();
    return a.exec();
}

【2】mainwindow.h

#ifndef MAINWINDOW_H
#define MAINWINDOW_H
#include<QPushButton>
#include <QMainWindow>
#include <QTextCodec>//解決字符編碼亂碼問題
#include<QTextEdit>
#include <QSlider>//滑動桿
QT_BEGIN_NAMESPACE
namespace Ui { class MainWindow; }
QT_END_NAMESPACE

class MainWindow : public QMainWindow
{
    Q_OBJECT

public:
    MainWindow(QWidget *parent = nullptr);
    ~MainWindow();

public slots:

private slots:
    void    textbutton_1();
    void on_PBT_clicked();
    void on_PBJ_clicked();
    void on_PBL_clicked();
    void on_pushButton_8_clicked();
    void on_pushButton_9_clicked();
    void on_pushButton_11_clicked();
    void on_pushButton_13_clicked();
    void on_pushButton_12_clicked();
    void on_pushButton_10_clicked();
    void display(int);
    void on_horizontalScrollBar_valueChanged(int value);
    void on_verticalScrollBar_valueChanged(int value);
    void on_horizontalSlider_valueChanged(int value);
    void on_verticalSlider_valueChanged(int value);
    void on_calendarWidget_clicked(const QDate &date);
    void on_pushButton_15_clicked();
    void on_pushButton_14_clicked();
    void on_pushButton_17_clicked();

private:
    Ui::MainWindow *ui;
    QTextCodec *codec;
    QString filename;

    QPushButton* bt_filename;
    QPushButton* bt_getcolor;
    QPushButton* bt_getfont;
    QPushButton* bt_getinput;
    QPushButton* bt_error;
    QPushButton* bt_message;
    QPushButton* bt_progress;
    QTextEdit *te_test;

    QPushButton *p1;
    QScrollBar *sb;

};
#endif // MAINWINDOW_H

【3】mainwindow.cpp

#include "mainwindow.h"
#include "ui_mainwindow.h"
#include<QString>
#include<QProgressBar>//進度條頭文件
#include<QDebug>//控制臺輸出
//==========================佈局管理器
#include<QVBoxLayout>//水平
#include<QHBoxLayout>//垂直
#include<QGridLayout>//網格
//==========================各大對話框類
#include<QColorDialog>
#include<QFileDialog>
#include<QInputDialog>
#include<QErrorMessage>
#include <QProgressDialog>
#include <QFontDialog>
#include<QFileDialog>
#include<QMessageBox>
//文件讀寫
#include <QFile>
//行編輯
#include<QLineEdit>
//滾動條
#include<QScrollBar>

//標簽顯示動畫
#include<QMovie>
MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
    , ui(new Ui::MainWindow)
{
    ui->setupUi(this);

    ui->progressBar->setValue(0);
    codec = QTextCodec::codecForName("gbk");//設置字符編碼
    codec->setCodecForLocale(codec);
    setWindowTitle(codec->toUnicode("UI學習筆記"));

    ui->stackedWidget->setCurrentIndex(0);//顯示當前索引,第一頁
    //文件對話框
    connect(ui->pushButton_2,&QPushButton::clicked,[&]{QString filename =
    QFileDialog::getOpenFileName();ui->textEdit_3->append(filename);});

    //顏色對話框
       connect(ui->pushButton_3, &QPushButton::clicked, [&](){
           QColor color = QColorDialog::getColor();
           ui->textEdit_3->setTextColor(color);
       });

    //字體對話框
       bool ok;
       connect(ui->pushButton_4,&QPushButton::clicked,[&](){QFont font = QFontDialog::getFont(&ok);
           if(ok)
          {
               ui->textEdit_3->setCurrentFont(font);
           }
       });

       //輸入對話框
       connect(ui->pushButton_5, &QPushButton::clicked, [&](){
           QString str = QInputDialog::getText(this, "Title", "input");
           ui->textEdit_3->append(str);
       });
        //信息對話框
       connect(ui->pushButton_6,&QPushButton::clicked,[&](){
        int ret = QMessageBox::information(this,"Title","you yyds",QMessageBox::Ok,QMessageBox::Apply,QMessageBox::Close);
        if(ret ==QMessageBox::Ok)
        {
            ui->textEdit_3->append("111111111111111111111111");
        }
       });
    //錯誤對話框
       connect(ui->pushButton_7, &QPushButton::clicked, [&](){
           QErrorMessage *error= new QErrorMessage;
           error->showMessage("error  error  error");
       });


}

MainWindow::~MainWindow()
{
    delete ui;

}

//瀏覽按鈕
void MainWindow::on_PBL_clicked()
{
    filename = QFileDialog::getOpenFileName();//文件對話框
    ui->lineEdit->setText(filename);
}

//加密按鈕
void MainWindow::on_PBJ_clicked()
{
    //讀寫文件打開
    QFile f(filename);
    if(!f.open(QIODevice::ReadWrite))
        return;
    //讀取全部內容
    QByteArray buf = f.readAll();
    ui->textEdit->append(codec->toUnicode(buf));//加密前
    ui->progressBar->setRange(0,buf.length()-1);

    for(int i=0; i<buf.length();i++)
    {
        buf[i]=~buf[i];
        ui->progressBar->setValue(i);//進度條
    }
    ui->textEdit_2->append(codec->toUnicode(buf));//加密後
    //回寫
    f.seek(0);
    f.write(buf);
    //關閉
    f.close();
}
//下一頁
void MainWindow::on_PBT_clicked()
{
    ui->stackedWidget->setCurrentIndex(1);
}

//上一頁：
void MainWindow::on_pushButton_8_clicked()
{
    ui->stackedWidget->setCurrentIndex(0);
}

//下一頁
void MainWindow::on_pushButton_9_clicked()
{
    ui->pushButton->setIconSize(QSize(80,80));//設置按鈕圖標大小
    //ui->pushButton->setFlat(true);//設置無邊框
    ui->pushButton->setIcon(QIcon("C:/Users/SuJieYin/Pictures/Saved Pictures/1.png"));
    ui->pushButton->show();

    ui->toolButton->setIconSize(QSize(50,50));
    //ui->toolButton->setIcon(QIcon("C:/Users/SuJieYin/Pictures/Saved Pictures/1.png"));
    ui->toolButton->setToolTip("Tip");//選中按鈕時，會有提示文字
    ui->toolButton->setText("toolbutton");
    ui->toolButton->show();
    //綁定快捷鍵
    ui->toolButton->setShortcut(QKeySequence(Qt::CTRL+Qt::Key_W));
    connect(ui->toolButton,SIGNAL(clicked(bool)),this,SLOT(textbutton_1()));

    //RadioButton_2設置圖標
    ui->radioButton_2->setIcon(QIcon("C:/Users/SuJieYin/Pictures/Saved Pictures/1.png"));
    ui->radioButton_2->click();//選中按鈕
    ui->radioButton_2->setEnabled(true);//設置使能
    connect(ui->radioButton_2, &QRadioButton::clicked, [&](){//lamda表達式（無名函數）
        qDebug()<<"RadioButton_2";
    });
    //CheckBox按鈕
    ui->checkBox_2->setIcon(QIcon("C:/Users/SuJieYin/Pictures/Saved Pictures/1.png"));
    connect(ui->checkBox_2, &QRadioButton::clicked, [&](){//lamda表達式（無名函數）
        qDebug()<<"checkBox_2";
    });

     //行編輯框使用舉例
    ui->lineEdit_2->setEchoMode(QLineEdit::Password);//行編輯框輸入隱藏
    //選中檢查框，顯示密碼，
    connect(ui->checkBox_3,&QCheckBox::clicked,[&](bool x){
           ui->lineEdit_2->setEchoMode(x?QLineEdit::Normal:QLineEdit::Password);
    } );

    ui->stackedWidget->setCurrentIndex(2);//顯示這一頁的所有部件
}

//快捷鍵和單擊按鈕都可以觸發
void MainWindow::textbutton_1()
{
    qDebug()<<"CTRL+w";
}


//下一頁：實現輸入小部件類組件
void MainWindow::on_pushButton_13_clicked()
{
    //組合k框
    ui->comboBox->addItem("com1");
    ui->comboBox->addItem("com2");
    //點擊文本後，顯示文本
    connect(ui->comboBox,&QComboBox::currentTextChanged,[&](QString x){
           ui->label_5->setText(x);});

    //字體選擇框
    connect(ui->fontComboBox,&QFontComboBox::currentFontChanged,[&](QFont x){
    ui->label_6->setFont(x);
    ui->label_6->setText("OKKO");
    ui->lineEdit_3->setFont(x);
    ui->textEdit_4->setCurrentFont(x);
    ui->plainTextEdit->setToolTip("123");//設置提示
    ui->plainTextEdit->appendPlainText("http://");//顯示文本
    });

    //自旋框
    ui->spinBox->setRange(0,10);//設置取值范圍
    connect(ui->spinBox,SIGNAL(valueChanged(int)),ui->lcdNumber,SLOT(display(int)));
     ui->stackedWidget->setCurrentIndex(3);

     //旋鈕
     connect(ui->dial,SIGNAL(valueChanged(int)),ui->lcdNumber,SLOT(display(int)));

       //滾動條
     //sb= new QScrollBar;//沒有指定窗口，會自己彈出一個窗口；
     sb= new QScrollBar(ui->page_4);//隻顯示在這頁【重點】
     sb->setOrientation(Qt::Horizontal);//設置水平方向
     sb->setGeometry(20,500,100,10);
     sb->show();
     connect(sb,SIGNAL(valueChanged(int)),ui->lcdNumber,SLOT(display(int)));

      ui->stackedWidget->setCurrentIndex(3);
}
//上一頁
void MainWindow::on_pushButton_12_clicked()
{
  ui->stackedWidget->setCurrentIndex(1);
}

//下一頁【第5頁】
void MainWindow::on_pushButton_11_clicked()
{

    ui->label_8->setAlignment(Qt::AlignCenter);//水平居中
    ui->label_8->setScaledContents(true);//設置標簽自動縮放上面的圖片
    ui->label_8->setPixmap(QPixmap("C:/Users/SuJieYin/Pictures/Saved Pictures/2.png"));

     ui->label_9->setAlignment(Qt::AlignCenter);//水平居中
     ui->label_9->setFixedSize(200,120);
     QMovie *m = new QMovie("C:/Users/SuJieYin/Pictures/Saved Pictures/1.gif");
     ui->label_9->setMovie(m);//設置動畫
     ui->label_8->setScaledContents(true);//設置標簽自動縮放上面的圖片
    m->start();//開啟動畫

    //文本瀏覽框
    ui->textBrowser->setHtml(codec->toUnicode("<!DOCTYPE html>\
                             <html>\
                             <head>\
                             <meta charset=\"utf-8\">\
                             <title>菜鳥教程(runoob.com)</title>\
                             </head>\
                             <body>\
                                 <h1>我的第一個標題</h1>\
                                 <p>我的第一個段落。</p>\
                             </body>\
                             </html>"));

    //圖形視圖框架
    //日歷
    ui->stackedWidget->setCurrentIndex(4);
}
//上一頁【第4頁】
void MainWindow::on_pushButton_10_clicked()
{
    ui->stackedWidget->setCurrentIndex(2);
}

//點擊SpinBox顯示LCDNumber
void MainWindow::display(int i)
{
    ui->lcdNumber->setMinimumHeight(i);//設置最小行高
}

//水平滑動條
void MainWindow::on_horizontalScrollBar_valueChanged(int value)
{
       ui->lcdNumber->display(value);//顯示值
}

//垂直滾動條
void MainWindow::on_verticalScrollBar_valueChanged(int value)
{
    ui->verticalScrollBar->setRange(0,100);
    ui->lcdNumber->display(value);//顯示值
}

//水平滑動滾動條
void MainWindow::on_horizontalSlider_valueChanged(int value)
{
    ui->lcdNumber->display(value);//顯示值
}
//垂直滑動滾動條
void MainWindow::on_verticalSlider_valueChanged(int value)
{
     ui->lcdNumber->display(value);//顯示值
}
//==================================================

//單擊日歷時顯示
void MainWindow::on_calendarWidget_clicked(const QDate &date)
{
    ui->textBrowser->setText(date.toString());
}

//上一頁
void MainWindow::on_pushButton_15_clicked()
{
    qDebug()<<"======================="<<endl;
    ui->stackedWidget->setCurrentIndex(3);
}
//下一頁
void MainWindow::on_pushButton_14_clicked()
{

    //GroupBox容器
    ui->radioButton->setChecked(true);//設置檢查
    ui->verticalLayout_2->addStretch(1);//添加伸長
    ui->groupBox->setLayout(ui->verticalLayout_2);//添加垂直部件

    //ScrollArea滾動窗口容器
   ui->label_11->setPixmap(QPixmap("C:/Users/SuJieYin/Pictures/Saved Pictures/2.png"));
   ui->scrollArea->setWidget(ui->label_11);//添加這個標簽組件
   ui->horizontalLayout_3->addWidget(ui->scrollArea);//添加進水平部件
   setLayout(ui->horizontalLayout_3);//顯示這個水平部件

    //Tool Box工具箱
    ui->toolBox->addItem(ui->textEdit_5,codec->toUnicode("工具1"));
    ui->toolBox->addItem(ui->textEdit_6,codec->toUnicode("工具2"));

    //TabWidget 選項卡-分頁顯示
    ui->tabWidget->setTabsClosable(true);//關閉
    ui->tabWidget->addTab(ui->textEdit_7,"T");
    ui->tabWidget->addTab(ui->textEdit_8,"B");
    //點擊X號後顯示對應的文本
    connect(ui->tabWidget,&QTabWidget::tabCloseRequested,[&](int x){
        ui->textEdit_7->append(QString::number(x).toUtf8());
        ui->textEdit_8->append(QString::number(x).toUtf8());
    });

     //stackedWidget 堆疊窗口類
    //本教程使用的就是這個部件，來達到上一頁和下一頁之間的切換，不在過多解釋

    //MdiArea 多媒體窗口
    ui->mdiArea->addSubWindow(ui->textEdit_9);//添加子窗口
    ui->mdiArea->addSubWindow(ui->textEdit_10);

    ui->stackedWidget->setCurrentIndex(5);
}

//上一頁
void MainWindow::on_pushButton_17_clicked()
{
    ui->stackedWidget->setCurrentIndex(4);
}

【4】ui界面設計

對象和類的佈局和定義位置，位置很重要

【5】代碼運行效果圖

文件對話框，加密，顯示在第一頁

6大對話框在第二頁

按鈕類舉例

輸入小部件類和顯示文本部件類和滑動部件類

日期，文本框，圖片，gif圖

容器部件類使用舉例

總結

在後期，我將QT全部學習內容，做成應用程序遊戲軟件，以軟件的形式活學活用，工程龐大，目前正在籌劃，盡情期待

推薦閱讀：