#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>//解決字符編碼亂碼問(wèn)題
#include<QTextEdit>
#include <QSlider>//滑動(dòng)桿
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>//進(jìn)度條頭文件
#include<QDebug>//控制臺(tái)輸出
//==========================布局管理器
#include<QVBoxLayout>//水平
#include<QHBoxLayout>//垂直
#include<QGridLayout>//網(wǎng)格
//==========================各大對(duì)話框類
#include<QColorDialog>
#include<QFileDialog>
#include<QInputDialog>
#include<QErrorMessage>
#include <QProgressDialog>
#include <QFontDialog>
#include<QFileDialog>
#include<QMessageBox>
//文件讀寫(xiě)
#include <QFile>
//行編輯
#include<QLineEdit>
//滾動(dòng)條
#include<QScrollBar>

//標(biāo)簽顯示動(dòng)畫(huà)
#include<QMovie>
MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
    , ui(new Ui::MainWindow)
{
    ui->setupUi(this);

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

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

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

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

       //輸入對(duì)話框
       connect(ui->pushButton_5, &QPushButton::clicked, [&](){
           QString str = QInputDialog::getText(this, "Title", "input");
           ui->textEdit_3->append(str);
       });
        //信息對(duì)話框
       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");
        }
       });
    //錯(cuò)誤對(duì)話框
       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();//文件對(duì)話框
    ui->lineEdit->setText(filename);
}

//加密按鈕
void MainWindow::on_PBJ_clicked()
{
    //讀寫(xiě)文件打開(kāi)
    QFile f(filename);
    if(!f.open(QIODevice::ReadWrite))
        return;
    //讀取全部?jī)?nèi)容
    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);//進(jìn)度條
    }
    ui->textEdit_2->append(codec->toUnicode(buf));//加密后
    //回寫(xiě)
    f.seek(0);
    f.write(buf);
    //關(guān)閉
    f.close();
}
//下一頁(yè)
void MainWindow::on_PBT_clicked()
{
    ui->stackedWidget->setCurrentIndex(1);
}

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

//下一頁(yè)
void MainWindow::on_pushButton_9_clicked()
{
    ui->pushButton->setIconSize(QSize(80,80));//設(shè)置按鈕圖標(biāo)大小
    //ui->pushButton->setFlat(true);//設(shè)置無(wú)邊框
    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");//選中按鈕時(shí)，會(huì)有提示文字
    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設(shè)置圖標(biāo)
    ui->radioButton_2->setIcon(QIcon("C:/Users/SuJieYin/Pictures/Saved Pictures/1.png"));
    ui->radioButton_2->click();//選中按鈕
    ui->radioButton_2->setEnabled(true);//設(shè)置使能
    connect(ui->radioButton_2, &QRadioButton::clicked, [&](){//lamda表達(dá)式（無(wú)名函數(shù)）
        qDebug()<<"RadioButton_2";
    });
    //CheckBox按鈕
    ui->checkBox_2->setIcon(QIcon("C:/Users/SuJieYin/Pictures/Saved Pictures/1.png"));
    connect(ui->checkBox_2, &QRadioButton::clicked, [&](){//lamda表達(dá)式（無(wú)名函數(shù)）
        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);//顯示這一頁(yè)的所有部件
}

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


//下一頁(yè)：實(shí)現(xiàn)輸入小部件類組件
void MainWindow::on_pushButton_13_clicked()
{
    //組合k框
    ui->comboBox->addItem("com1");
    ui->comboBox->addItem("com2");
    //點(diǎn)擊文本后，顯示文本
    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");//設(shè)置提示
    ui->plainTextEdit->appendPlainText("http://");//顯示文本
    });

    //自旋框
    ui->spinBox->setRange(0,10);//設(shè)置取值范圍
    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)));

       //滾動(dòng)條
     //sb= new QScrollBar;//沒(méi)有指定窗口，會(huì)自己彈出一個(gè)窗口；
     sb= new QScrollBar(ui->page_4);//只顯示在這頁(yè)【重點(diǎn)】
     sb->setOrientation(Qt::Horizontal);//設(shè)置水平方向
     sb->setGeometry(20,500,100,10);
     sb->show();
     connect(sb,SIGNAL(valueChanged(int)),ui->lcdNumber,SLOT(display(int)));

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

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

    ui->label_8->setAlignment(Qt::AlignCenter);//水平居中
    ui->label_8->setScaledContents(true);//設(shè)置標(biāo)簽自動(dòng)縮放上面的圖片
    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);//設(shè)置動(dòng)畫(huà)
     ui->label_8->setScaledContents(true);//設(shè)置標(biāo)簽自動(dòng)縮放上面的圖片
    m->start();//開(kāi)啟動(dòng)畫(huà)

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

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

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

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

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

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

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

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

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

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

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

    //TabWidget 選項(xiàng)卡-分頁(yè)顯示
    ui->tabWidget->setTabsClosable(true);//關(guān)閉
    ui->tabWidget->addTab(ui->textEdit_7,"T");
    ui->tabWidget->addTab(ui->textEdit_8,"B");
    //點(diǎn)擊X號(hào)后顯示對(duì)應(yīng)的文本
    connect(ui->tabWidget,&QTabWidget::tabCloseRequested,[&](int x){
        ui->textEdit_7->append(QString::number(x).toUtf8());
        ui->textEdit_8->append(QString::number(x).toUtf8());
    });

     //stackedWidget 堆疊窗口類
    //本教程使用的就是這個(gè)部件，來(lái)達(dá)到上一頁(yè)和下一頁(yè)之間的切換，不在過(guò)多解釋

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

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

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