【Qt】Qt控件

文章目錄

Qt控件
Layout Spacer
垂直布局QVBoxLayout
水平排列布局QHBoxLayout
網格布局 QGridLayout
表格布局 QFormLayout

Button Contain
命令按鈕Push Button
工具按鈕Tool Button
單選按鈕Radio Button
復選框按鈕Check Box
命令鏈接按鈕Command Link Button
按鈕盒Button Box
組合框Group Box
滾動區域Scroll Area
標簽小部件Tab Widget
框架Frame
停靠窗體部件Dock Widget

視圖Items Views
清單視圖List View
樹視圖Tree View
表視圖Table View
ListWidget
TreeWidget
TabelWidget

Input Widget
Combo Box
Font Combo Box
Line Edit
文本編輯框 Text Edit
Spin Box
Date/Time Edit
Progress Bar
Key Sequence Edit

Display Widgets
Label
Text Browser
Progress Bar
LCD N

Qt控件

Layout Spacer

垂直布局QVBoxLayout

    //修改窗口標準名稱w.setWindowTitle("垂直布局");//設置窗口大小w.resize(400,300);//船艦QVBoxLayout布局，并且設置為父控件QVBoxLayout * mainlayout=new QVBoxLayout(&w);//船艦命令按鈕控件添加到到QVBoxLayout布局mainlayout->addWidget(new QPushButton("命令按鈕1"));mainlayout->addWidget(new QPushButton("命令按鈕2"));mainlayout->addWidget(new QPushButton("命令按鈕3"));//將QVBoxLayout設置為窗口的布局w.setLayout(mainlayout);

在這里插入圖片描述

水平排列布局QHBoxLayout

    //修改窗口標準名稱w.setWindowTitle("水平布局");//設置窗口大小w.resize(400,300);//創建水平布局實例QHBoxLayout * hlayout=new QHBoxLayout;//創建命令按鈕控件添加到水平布局當中QPushButton *button1=new QPushButton("命令按鈕1");QPushButton *button2=new QPushButton("命令按鈕2");QPushButton *button3=new QPushButton("命令按鈕3");hlayout->addWidget(button1);hlayout->addWidget(button2);hlayout->addWidget(button3);//創建一個容器控件，用來設置水平布局QWidget *container=new QWidget;container->setLayout(hlayout);//將容器控件添加到主容器的垂直布局當中QVBoxLayout *mainLayout=new QVBoxLayout;mainLayout->addWidget(container);//設置窗口布局w.setLayout(mainLayout);

在這里插入圖片描述

網格布局 QGridLayout

頭文件
在這里插入圖片描述
源文件

    button1=new QPushButton(this);button1->setText("第一區:頂部菜單欄選項");button1->setFixedHeight(100);//讓button1在水平和垂直方向上都盡可能擴展以占用更多的可用空間。button1->setSizePolicy(QSizePolicy::Expanding,QSizePolicy::Expanding);button2=new QPushButton(this);button2->setText("第二區:側邊欄選項");button2->setFixedWidth(150);button2->setSizePolicy(QSizePolicy::Expanding,QSizePolicy::Expanding);button3=new QPushButton(this);button3->setText("第三區:底部選項");button3->setFixedHeight(100);button3->setSizePolicy(QSizePolicy::Expanding,QSizePolicy::Expanding);button4=new QPushButton(this);button4->setText("第四區:子窗體選項");button4->setSizePolicy(QSizePolicy::Expanding,QSizePolicy::Expanding);pGrid_layouts=new QGridLayout();//通過此函數設置左側 頂部 右側 底部邊距，主要方便布局周邊進行使用pGrid_layouts->setContentsMargins(0,0,0,0);//顯示位置//addWidget(參數1，參數2，參數3，參數4，參數5，參數6)/**1.我要插入的子布局對象*2.插入的開始行*3.插入的開始列*4.占用的行數*5.占用的列數*6.指定對其方式*/pGrid_layouts->addWidget(button1,0,1);pGrid_layouts->addWidget(button2,0,0,3,1);pGrid_layouts->addWidget(button3,2,1);pGrid_layouts->addWidget(button4,1,1);

在這里插入圖片描述

表格布局 QFormLayout

    setFixedSize(250,200);//創建表單布局指針QFormLayout *qLayout=new QFormLayout(this);QLineEdit *le1=new QLineEdit();QLineEdit *le2=new QLineEdit();QLineEdit *le3=new QLineEdit();qLayout->addRow("學號",le1);qLayout->addRow("姓名",le2);qLayout->addRow("學校",le3);//WarpAllRows將標簽現實中在單行編輯框上面//qLayout->setRowWrapPolicy(QFormLayout::WrapAllRows);//當標簽和單選編輯框，將標簽顯示在同一行qLayout->setLabelAlignment(Qt::AlignLeft);setWindowTitle("表單布局測試");

在這里插入圖片描述

Button Contain

命令按鈕Push Button

第一種寫法：全部寫在源文件

MainWindow::MainWindow(QWidget *parent): QMainWindow(parent), ui(new Ui::MainWindow)
{ui->setupUi(this);this->setGeometry(300,150,500,300);//實例化兩個命令按鈕對象QPushButton * pb1=new QPushButton("命令按鈕",this);QPushButton * pb2=new QPushButton("命令按鈕",this);//設置兩個QPushButton對象的坐標位置pb1->setGeometry(20,20,150,50);pb2->setGeometry(20,90,150,50);//與信號槽函數連接connect(pb1,&QPushButton::clicked,this,[=](){setStyleSheet("QMainWindow {background-color:rgba(255,255,0,100%)}");});connect(pb2,&QPushButton::clicked,this,[=](){setStyleSheet("QMainWindow {background-color:rgba(255,0,0,100%)}");});
}

在這里插入圖片描述

第二種寫法：在頭文件定義，在源文件實現
頭文件
在這里插入圖片描述
源文件

MainWindow::MainWindow(QWidget *parent): QMainWindow(parent), ui(new Ui::MainWindow)
{ui->setupUi(this);this->setGeometry(300,150,500,300);//實例化兩個命令按鈕對象pb1=new QPushButton("命令按鈕",this);pb2=new QPushButton("命令按鈕",this);//設置兩個QPushButton對象的坐標位置pb1->setGeometry(20,20,150,50);pb2->setGeometry(20,90,150,50);//與信號槽函數連接connect(pb1,SIGNAL(clicked()),this,SLOT(pushbutton1_clicked()));connect(pb2,SIGNAL(clicked()),this,SLOT(pushbutton2_clicked()));
}
void MainWindow::pushbutton1_clicked(){setStyleSheet("QMainWindow {background-color:rgba(255,255,0,100%)}");
}
void MainWindow::pushbutton2_clicked(){setStyleSheet("QMainWindow {background-color:rgba(255,0,0,100%)}");
}

在這里插入圖片描述

工具按鈕Tool Button

頭文件
在這里插入圖片描述

源文件

MainWindow::MainWindow(QWidget *parent): QMainWindow(parent), ui(new Ui::MainWindow)
{ui->setupUi(this);this->setGeometry(300,150,500,300);//實例化QToolBar對象tbar=new QToolBar(this);tbar->setGeometry(20,20,200,90);//設置QStyle類對象進行實例化，主要目的設置風格，圖標時系統自帶QStyle *sty=QApplication::style();   //獲取當前應用程序的全局樣式對象指針; QApplication::style() 返回應用程序默認的QStyle對象QIcon ico=sty->standardIcon(QStyle::SP_TitleBarContextHelpButton);//設置QToolButton對象進行實例化tbutton=new QToolButton();tbutton->setIcon(ico);tbutton->setText("系統幫助提示");//調用setToolButtonStyle函數設置tbutton樣式，設置文本在圖標下方tbutton->setToolButtonStyle(Qt::ToolButtonTextUnderIcon);//將tubbton添加到tbar里面tbar->addWidget(tbutton);
}

在這里插入圖片描述

單選按鈕Radio Button

源文件

MainWindow::MainWindow(QWidget *parent): QMainWindow(parent), ui(new Ui::MainWindow)
{ui->setupUi(this);this->setGeometry(300,150,500,300);QRadioButton * radb1= new QRadioButton(this);QRadioButton * radb2= new QRadioButton(this);radb1->setGeometry(20,20,150,40);radb2->setGeometry(20,80,150,40);radb1->setText("選擇按鈕1");radb2->setText("選擇按鈕2");//設置默認值Checked false trueradb1->setChecked(true);radb2->setChecked(false);}

在這里插入圖片描述

復選框按鈕Check Box

頭文件
在這里插入圖片描述
源文件

#include <QCheckBox>
#include <QRadioButton>MainWindow::MainWindow(QWidget *parent): QMainWindow(parent), ui(new Ui::MainWindow)
{ui->setupUi(this);this->setGeometry(400,300,500,300);cb= new QCheckBox(this);cb->setGeometry(30,50,250,50);cb->setCheckState(Qt::Checked);cb->setText("初始化狀態：Check狀態");cb->setTristate();//開啟三態模式：選中，半選擇，未選擇connect(cb,SIGNAL(stateChanged(int)),this,SLOT(checkboxstate(int)));}MainWindow::~MainWindow()
{delete ui;
}
void MainWindow::checkboxstate(int istate){switch(istate){case Qt::Checked:cb->setText("選中狀態");break;case Qt::Unchecked:cb->setText("未選中狀態");break;case Qt::PartiallyChecked:cb->setText("半選中狀態");break;default:break;}
}

在這里插入圖片描述

命令鏈接按鈕Command Link Button

頭文件
在這里插入圖片描述
源文件

#include <QDesktopServices>
#include <QUrl>MainWindow::MainWindow(QWidget *parent): QMainWindow(parent), ui(new Ui::MainWindow)
{ui->setupUi(this);this->setGeometry(400,300,500,300);clb=new QCommandLinkButton("testclb","clicked testclb",this);clb->setGeometry(50,100,250,60);connect(clb,SIGNAL(clicked()),this,SLOT(clbClicked()));
}MainWindow::~MainWindow()
{delete ui;
}void MainWindow::clbClicked(){QDesktopServices::openUrl(QUrl("https://baidu.com"));
}

在這里插入圖片描述

按鈕盒Button Box

頭文件
在這里插入圖片描述

源文件

#include <QDebug>MainWindow::MainWindow(QWidget *parent): QMainWindow(parent), ui(new Ui::MainWindow)
{ui->setupUi(this);this->setGeometry(400,300,500,300);dbb=new QDialogButtonBox(this);dbb->setGeometry(100,100,200,30);//傳統按鈕創建方式dbb->addButton(QDialogButtonBox::Cancel);dbb->button(QDialogButtonBox::Cancel)->setText("取 消");//這里是自定義按鈕，傳統按鈕只有ok,open,save,canncel...可以查幫助手冊pb=new QPushButton("自定義");//將pb添加到dbb,并且設定ButtonRole為ActionRoledbb->addButton(pb,QDialogButtonBox::ActionRole);connect(dbb,SIGNAL(clicked(QAbstractButton *)),this, SLOT(dbbpbClicked(QAbstractButton*)));
}void MainWindow::dbbpbClicked(QAbstractButton *bt){if(bt==dbb->button(QDialogButtonBox::Cancel)){qDebug()<<"您已經點擊【取消】按鈕"<<Qt::endl;}else if(bt==pb){qDebug()<<"您已經點擊【自定義】按鈕"<<Qt::endl;}
}

在這里插入圖片描述

組合框Group Box

1.先把組合框實例化
2.創建按鈕（單選/多選）
3.創建布局模式，并把按鈕全部添加進布局模式當中addWidget()
4.把組合框的布局設置為剛剛創建的布局模式setLayout()

#include "widget.h"#include <QDebug>
#include <QPushButton>
#include <QGroupBox>
#include <QRadioButton>
#include <QVBoxLayout>
#include <QCheckBox>
#include <QMenu>Widget::Widget(QWidget *parent): QWidget(parent)
{//組合框1：gpb_1QGroupBox *gpb_1=new QGroupBox("單選按鈕組1");QRadioButton *rbtn_1=new QRadioButton("RadioButton1");QRadioButton *rbtn_2=new QRadioButton("RadioButton2");QRadioButton *rbtn_3=new QRadioButton("RadioButton3");QVBoxLayout *vbly1=new QVBoxLayout;vbly1->addWidget(rbtn_1);vbly1->addWidget(rbtn_2);vbly1->addWidget(rbtn_3);gpb_1->setLayout(vbly1);//組合框2：gpb_2QGroupBox *gpb_2=new QGroupBox("復選按鈕組2");QCheckBox *cbx1=new QCheckBox("checkbox1");QCheckBox *cbx2=new QCheckBox("checkbox2");QCheckBox *cbx3=new QCheckBox("checkbox3");//設置是否支持半選cbx2->setTristate(true);cbx2->setChecked(true);QVBoxLayout *vbly2=new QVBoxLayout;vbly2->addWidget(cbx1);vbly2->addWidget(cbx2);vbly2->addWidget(cbx3);gpb_2->setLayout(vbly2);//組合框3：gpb_3QGroupBox *gpb_3=new QGroupBox("單選按鈕和復選按鈕組3");gpb_3->setCheckable(true);QRadioButton  *rbtn_31=new QRadioButton("RadioButton31");QRadioButton  *rbtn_32=new QRadioButton("RadioButton32");QRadioButton  *rbtn_33=new QRadioButton("RadioButton33");QCheckBox *cbx4=new QCheckBox("checkbox4");QVBoxLayout *vbly3=new QVBoxLayout;vbly3->addWidget(rbtn_31);vbly3->addWidget(rbtn_32);vbly3->addWidget(rbtn_33);vbly3->addWidget(cbx4);gpb_3->setLayout(vbly3);//組合框4：gpb_4QGroupBox *gpb_4=new QGroupBox("綜合按鈕組4");gpb_4->setCheckable(true);gpb_4->setChecked(true);QPushButton *pbtn_4=new QPushButton("PushButton4");QPushButton *pbtn_5=new QPushButton("PushButton5");pbtn_5->setChecked(true);pbtn_5->setCheckable(true);QPushButton *pbtn_6=new QPushButton("PushButton6");//命令按鈕添加子菜單QMenu *mu=new QMenu(this);mu->addAction("King");mu->addAction("Darren");mu->addAction("Mark");mu->addAction("Vico");pbtn_6->setMenu(mu);QVBoxLayout *vbly4=new QVBoxLayout;vbly4->addWidget(pbtn_4);vbly4->addWidget(pbtn_5);vbly4->addWidget(pbtn_6);gpb_4->setLayout(vbly4);QGridLayout *gdlyout=new QGridLayout;gdlyout->addWidget(gpb_1,0,0,1,1);gdlyout->addWidget(gpb_2,0,1,1,1);gdlyout->addWidget(gpb_3,1,0,1,1);gdlyout->addWidget(gpb_4,1,1,1,1);this->setLayout(gdlyout);
}

在這里插入圖片描述

滾動區域Scroll Area

添加圖片步驟：
1.把圖片的文件夾復制到在項目目錄下
2.在Qt中添加現有文件，選中圖片文件夾
3.給文件夾加前綴，添加圖片，保存

#include "widget.h"#include <QApplication>
#include <QLabel>
#include <QScrollArea>
#include <QGridLayout>
#include <QDebug>int main(int argc, char *argv[])
{QApplication a(argc, argv);Widget w;w.resize(300,200);/** QScrollArea當中有很多功能繼承來自于QAbstractScrollArea* 滾動條外觀是否漂亮取決于當前滾動條策略*///創建Qlabel用于顯示圖片QLabel *qljpg=new QLabel;//允許圖片縮放以適應QLabelqljpg->setScaledContents(true);//加載圖片QImage imagejpg(":/images/2.png");if (imagejpg.isNull()) {qDebug() << "Failed to load image!";} else {qljpg->setPixmap(QPixmap::fromImage(imagejpg));}//創建滾動區域QScrollArea *sArea=new QScrollArea;//圖片居中//sArea->setAlignment(Qt::AlignCenter);//根據窗口比例顯示//sArea->setWidgetResizable(true);//設置水平滾動條始終顯示。sArea->setHorizontalScrollBarPolicy(Qt::ScrollBarAlwaysOn);//設置垂直滾動條始終隱藏sArea->setVerticalScrollBarPolicy(Qt::ScrollBarAlwaysOff);//把QLabel添加到滾動區域sArea->setWidget(qljpg);//創建布局并添加滾動區域QGridLayout *glayout=new QGridLayout;glayout->addWidget(sArea);w.setLayout(glayout);w.show();return a.exec();
}

在這里插入圖片描述

標簽小部件Tab Widget

頭文件
在這里插入圖片描述

源文件

#include "widget.h"#include<QTabWidget>
#include<QGridLayout>
#include<QLabel>
#include<QPushButton>
#include<QLineEdit>
#include<QMessageBox>Widget::Widget(QWidget *parent): QWidget(parent)
{this->setWindowTitle("標簽小部件控件測試");this->setGeometry(300,200,600,400);tabWidgetUI=new QTabWidget(this);tabWidgetUI->setGeometry(20,20,560,360);tabWidgetUI->show();bool m_showtabwidgetui1=true;bool m_showtabwidgetui2=true;if(m_showtabwidgetui1){QWidget *qwidget1=new QWidget();tabWidgetUI->addTab(qwidget1,"進程");QGridLayout *glayout=new QGridLayout();QLabel *lab1=new QLabel("請選擇文件及文件夾：");QLineEdit *ledit1=new QLineEdit();QPushButton *pbt1=new QPushButton("消息框...");connect(pbt1,SIGNAL(clicked(bool)),this,SLOT(MsgCommit()));glayout->addWidget(lab1,0,0);glayout->addWidget(ledit1,0,1);glayout->addWidget(pbt1,0,2);qwidget1->setLayout(glayout);}if(m_showtabwidgetui2){QWidget *qwidget2=new QWidget();tabWidgetUI->addTab(qwidget2,"性能");}}void Widget::MsgCommit(){QMessageBox::information(NULL,"testing","QMessageBox:命令按鈕測試成功！",QMessageBox::Ok);
}

在這里插入圖片描述

框架Frame

在ui界面中，設置兩個frame_1和frame_2，設置為網格布局
在這里插入圖片描述

源文件

#include <QFrame>MainWindow::MainWindow(QWidget *parent): QMainWindow(parent), ui(new Ui::MainWindow)
{ui->setupUi(this);setWindowTitle("Frame框架控件測試");ui->frame_1->setStyleSheet("background-color:yellow");ui->frame_2->setStyleSheet("background-color:green");ui->frame_1->setLineWidth(1);ui->frame_1->setMidLineWidth(1);ui->frame_1->setFrameShape(QFrame::Box);ui->frame_1->setFrameShadow(QFrame::Raised);ui->frame_2->setLineWidth(0);ui->frame_2->setMidLineWidth(1);ui->frame_2->setFrameShape(QFrame::Box);ui->frame_2->setFrameShadow(QFrame::Sunken);
}

停靠窗體部件Dock Widget

源文件

#include <QDockWidget>
#include<QLabel>
#include<QComboBox>
#include <QPushButton>
#include <QGridLayout>MainWindow::MainWindow(QWidget *parent): QMainWindow(parent), ui(new Ui::MainWindow)
{ui->setupUi(this);QDockWidget *dw=new QDockWidget("停靠窗口部件測試",this);QLabel *lab=new QLabel("學歷層次");QComboBox *cbx= new QComboBox();cbx->addItem("小學");cbx->addItem("初中");cbx->addItem("高中");cbx->addItem("大學");QPushButton *pbt1=new QPushButton("清華大學");QPushButton *pbt2=new QPushButton("北京大學");QGridLayout *glayout=new QGridLayout();glayout->addWidget(lab,0,0,1,1);glayout->addWidget(cbx,0,1,1,1);glayout->addWidget(pbt1,1,0,1,1);glayout->addWidget(pbt2,1,1,1,1);glayout->setHorizontalSpacing(10);glayout->setVerticalSpacing(10);glayout->setContentsMargins(20,20,20,20);QWidget *wgt=new QWidget();wgt->setLayout(glayout);dw->setWidget(wgt);dw->setMaximumSize(300,300);
}

在這里插入圖片描述

視圖Items Views

清單視圖List View

頭文件
在這里插入圖片描述
源文件

#include <QListView>
#include <QStringListModel>
#include <QMessageBox>Widget::Widget(QWidget *parent): QWidget(parent)
{resize(450,250);listview1=new QListView(this);listview1->setGeometry(20,20,240,160);//初始化數據列表QStringList qlist;qlist.append("運動類：籃球、足球");qlist.append("娛樂類：看電影、寫小說、聽音樂");qlist.append("游戲類：五子棋、撲克牌、中國象棋");qlist.append("旅游類：國外旅游、國內旅游");//創建一個 QStringListModel 對象 listmode，用于管理 qlist 中的數據。QStringListModel *listmode=new QStringListModel(qlist);//將 listmode 設置為 listview1 的數據模型，以便在 QListView 中顯示這些數據。listview1->setModel(listmode);connect(listview1,SIGNAL(clicked(const QModelIndex)),this,SLOT(SlotClickedFunc(const QModelIndex)));
}Widget::~Widget() {}
void Widget::SlotClickedFunc(const QModelIndex &index){QMessageBox::information(NULL,"興趣愛好","你選擇的類型為：\n"+index.data().toString());
}

在這里插入圖片描述

樹視圖Tree View

在ui中，添加TreeView視圖
在這里插入圖片描述

頭文件
在這里插入圖片描述

源文件

#include <QStandardItem>MainWindow::MainWindow(QWidget *parent): QMainWindow(parent), ui(new Ui::MainWindow)
{ui->setupUi(this);InitTreeViewFunc();
}MainWindow::~MainWindow()
{delete ui;
}
void MainWindow::InitTreeViewFunc()
{//1.構造modelsItemMode=new QStandardItemModel(ui->treeView);//等價于//sItemMode = new QStandardItemModel();  // 1. 創建模型對象
ui->treeView->setModel(sItemMode);     // 2. 將模型設置給視圖//sItemMode->setHorizontalHeaderLabels(QStringList()<<QStringLiteral("編號")<<QStringLiteral("初中部|高中部"));QList<QStandardItem*> item11;QStandardItem *item1=new QStandardItem(QString::number(1));QStandardItem *item2=new QStandardItem("初中部");//創建一級節點，將它加入到sItemModelitem11.append(item1);item11.append(item2);sItemMode->appendRow(item11);//二級節點，添加到第一個一級節點QList<QStandardItem*> item112;QStandardItem *item1121=new QStandardItem(QString::number(2));QStandardItem *item1122=new QStandardItem(QStringLiteral("一年級"));item112.append(item1121);item112.append(item1122);item1->appendRow(item112);//三級節點，添加到第一個二級節點QList<QStandardItem*> item1231;QStandardItem *item12311=new QStandardItem(QString::number(3));QStandardItem *item12312=new QStandardItem(QStringLiteral("一班"));item1231.append(item12311);item1231.append(item12312);item1121->appendRow(item1231);QList<QStandardItem*> item1232;QStandardItem *item12321=new QStandardItem(QString::number(3));QStandardItem *item12322=new QStandardItem(QStringLiteral("二班"));item1232.append(item12321);item1232.append(item12322);item1121->appendRow(item1232);QList<QStandardItem*> item21;QStandardItem *item3=new QStandardItem(QString::number(1));QStandardItem *item4=new QStandardItem("高中部");//創建一級節點，將它加入到sItemModelitem21.append(item3);item21.append(item4);sItemMode->appendRow(item21);ui->treeView->setModel(sItemMode);
}

在這里插入圖片描述

表視圖Table View

在ui 界面中，添加table view控件
頭文件
在這里插入圖片描述
源文件

MainWindow::MainWindow(QWidget *parent): QMainWindow(parent), ui(new Ui::MainWindow)
{ui->setupUi(this);InitTableViewFunc();
}MainWindow::~MainWindow()
{delete ui;
}void MainWindow::InitTableViewFunc()
{QStandardItemModel *stuMode=new QStandardItemModel();stuMode->setHorizontalHeaderItem(0,new QStandardItem(QObject::tr("學號")));stuMode->setHorizontalHeaderItem(1,new QStandardItem(QObject::tr("姓名")));stuMode->setHorizontalHeaderItem(2,new QStandardItem(QObject::tr("性別")));stuMode->setHorizontalHeaderItem(3,new QStandardItem(QObject::tr("分數")));//通過API函數將數據模型綁定到QTableViewui->tableView->setModel(stuMode);//設置表格列的寬度ui->tableView->setColumnWidth(0,120);//2.添加數據信息stuMode->setItem(0,0,new QStandardItem("2022001"));stuMode->setItem(0,1,new QStandardItem("張三"));stuMode->setItem(0,2,new QStandardItem("男"));stuMode->setItem(0,3,new QStandardItem("714"));stuMode->setItem(1,0,new QStandardItem("2022002"));stuMode->setItem(1,1,new QStandardItem("小花"));stuMode->setItem(1,2,new QStandardItem("女"));stuMode->setItem(1,3,new QStandardItem("754"));stuMode->setItem(2,0,new QStandardItem("2022003"));stuMode->setItem(2,1,new QStandardItem("李三"));stuMode->setItem(2,2,new QStandardItem("男"));stuMode->setItem(2,3,new QStandardItem("765"));
}

在這里插入圖片描述

ListWidget

在ui文件創建listWidget
源文件

Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui->setupUi(this);QListWidgetItem *qitem=new QListWidgetItem("沁園春-雪");ui->listWidget->addItem(qitem);qitem->setTextAlignment(Qt::AlignCenter|Qt::AlignVCenter);QStringList slist;slist<<"1：北國風光，千里冰封，萬里雪飄";slist<<"2:望長城內外...";ui->listWidget->addItems(slist);}

在這里插入圖片描述

TreeWidget

源文件

Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui->setupUi(this);//添加第一級節點QTreeWidgetItem*topItem1=new QTreeWidgetItem(ui->treeWidget);topItem1->setText(0,"清華大學");ui->treeWidget->addTopLevelItem(topItem1);//隱藏表頭ui->treeWidget->setHeaderHidden(true);//展開節點ui->treeWidget->expandAll();//二級節點添加到一級節點的topItem1QTreeWidgetItem *item11=new QTreeWidgetItem(topItem1);item11->setText(0,"清華大學建筑學院");item11->setCheckState(0,Qt::Checked);QTreeWidgetItem *item12=new QTreeWidgetItem(topItem1);item12->setText(0,"清華大學土木學院");item12->setCheckState(0,Qt::Checked);QTreeWidgetItem*topItem2=new QTreeWidgetItem(ui->treeWidget);topItem2->setText(0,"北京大學");ui->treeWidget->addTopLevelItem(topItem2);ui->treeWidget->setHeaderHidden(true);ui->treeWidget->expandAll();QTreeWidgetItem *item21=new QTreeWidgetItem(topItem2);item21->setText(0,"北京大學文學院");item21->setCheckState(0,Qt::Checked);
}

yuan

TabelWidget

源文件

Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui->setupUi(this);ui->tableWidget->setRowCount(3);ui->tableWidget->setColumnCount(2);QStringList slist;slist<<"學號"<<"高考分數";ui->tableWidget->setHorizontalHeaderLabels(slist);QList<QString> strno;strno<<"202201"<<"202202"<<"202203";QList<QString> strscore;strscore<<"708"<<"712"<<"690";for(int i=0;i<3;i++){int iCol=0;QTableWidgetItem *pitem = new QTableWidgetItem(strno.at(i));ui->tableWidget->setItem(i,iCol++,pitem);ui->tableWidget->setItem(i,iCol,new QTableWidgetItem(strscore.at(i)));}}

在這里插入圖片描述

Input Widget

Combo Box

頭文件
在這里插入圖片描述

源文件

#include <QMessageBox>
#include <QDebug>MainWindow::MainWindow(QWidget *parent): QMainWindow(parent), ui(new Ui::MainWindow)
{ui->setupUi(this);//設置主空格的顯示位置及大小this->setGeometry(300,200,1000,600);combobox=new QComboBox(this);combobox->setGeometry(10,10,200,30);combobox->addItem("北京市");combobox->addItem("上海市");combobox->addItem("廣東省");connect(combobox,SIGNAL(currentIndexChanged(int)),this,SLOT(comboboxIndex(int)));}MainWindow::~MainWindow()
{delete ui;
}
void MainWindow::comboboxIndex(int index){qDebug()<<"你選擇的區域是："<<combobox->itemText(index)<<Qt::endl;QMessageBox mybox(QMessageBox::Question,"信息",combobox->itemText(index),QMessageBox::Yes|QMessageBox::No);mybox.exec();
}

在這里插入圖片描述

Font Combo Box

源文件

MainWindow::MainWindow(QWidget *parent): QMainWindow(parent), ui(new Ui::MainWindow)
{ui->setupUi(this);fontcombobox=new QFontComboBox(this);qlabels=new QLabel(this);fontcombobox->setGeometry(10,50,200,30);qlabels->setGeometry(10,70,300,50);connect(fontcombobox,SIGNAL(currentFontChanged(QFont)),this,SLOT(fontComboboxFunc(QFont)));
}void MainWindow::fontComboboxFunc(QFont font){qlabels->setFont(font);QString qStr="廣東省廣州市";qlabels->setText(qStr);
}

在這里插入圖片描述

頭文件
在這里插入圖片描述

Line Edit

頭文件
在這里插入圖片描述
源文件

#include <QMessageBox>
#include <QDebug>MainWindow::MainWindow(QWidget *parent): QMainWindow(parent), ui(new Ui::MainWindow)
{ui->setupUi(this);lineedit=new QLineEdit(this);lineedit->setGeometry(10,150,200,30);pushbutton=new QPushButton(this);pushbutton->setText("點擊我");qlabely=new QLabel(this);qlabely->setGeometry(10,200,400,30);qlabely->setText("你輸入的內容為：");connect(pushbutton,SIGNAL(clicked()),this,SLOT(pushbuttonclicked()));
}MainWindow::~MainWindow()
{delete ui;
}void MainWindow::pushbuttonclicked(){QString qStr;qStr="您輸入的內容為：";qStr=qStr+lineedit->text();qlabely->setText(qStr);lineedit->clear();
}

在這里插入圖片描述

文本編輯框 Text Edit

頭文件
在這里插入圖片描述

源文件

#include <QDir>
#include <QTextStream>
#include <QCoreApplication>MainWindow::MainWindow(QWidget *parent): QMainWindow(parent), ui(new Ui::MainWindow)
{ui->setupUi(this);plaintedit=new QPlainTextEdit(this);plaintedit->setGeometry(10,250,400,200);radiobutton=new QRadioButton(this);radiobutton->setGeometry(260,220,200,30);radiobutton->setText("只讀模式");QDir::setCurrent(QCoreApplication::applicationDirPath());QFile fe("moc_mainwindow.cpp");fe.open(QFile::ReadOnly|QFile::Text);//加載到文件流QTextStream strin(&fe);plaintedit->insertPlainText(strin.readAll());connect(radiobutton,SIGNAL(clicked()),this,SLOT(radioButtonClicked()));
}void MainWindow::radioButtonClicked()
{if(radiobutton->isChecked()){plaintedit->setReadOnly(true);}else{plaintedit->setReadOnly(false);}
}

在這里插入圖片描述

Spin Box

頭文件
在這里插入圖片描述
源文件

MainWindow::MainWindow(QWidget *parent): QMainWindow(parent), ui(new Ui::MainWindow)
{ui->setupUi(this);//改變窗口背景顏色this->setStyleSheet("QMainWindow{background-color:""rgba(250,220,120,100%))}");spinbox=new QSpinBox(this);spinbox->setGeometry(440,250,150,30);spinbox->setRange(0,100);spinbox->setSingleStep(10);spinbox->setValue(100);spinbox->setSuffix("%不透明度");connect(spinbox,SIGNAL(valueChanged(int)),this,SLOT(spinboxValueChanged(int)));
}void MainWindow::spinboxValueChanged(int x)
{double dx=(double)x/100;this->setWindowOpacity(dx);
}

在這里插入圖片描述

Date/Time Edit

頭文件

在這里插入圖片描述

源文件


MainWindow::MainWindow(QWidget *parent): QMainWindow(parent), ui(new Ui::MainWindow)
{ui->setupUi(this);dte=new QDateTimeEdit(QDateTime::currentDateTime(),this);dte->setGeometry(440,290,220,30);te=new QTimeEdit(QTime::currentTime(),this);te->setGeometry(440,330,200,30);de=new QDateEdit(QDate::currentDate(),this);de->setGeometry(440,370,200,30);
}

在這里插入圖片描述

Progress Bar

頭文件

在這里插入圖片描述

源文件

hscrollbar=new QScrollBar(Qt::Horizontal,this);hscrollbar->setGeometry(0,500,1000,30);vscrollbar=new QScrollBar(Qt::Vertical,this);vscrollbar->setGeometry(570,0,30,500);

在這里插入圖片描述

Key Sequence Edit

頭文件

在這里插入圖片描述

源文件

MainWindow::MainWindow(QWidget *parent): QMainWindow(parent), ui(new Ui::MainWindow)
{ui->setupUi(this);kse=new QKeySequenceEdit(this);kse->setGeometry(200,230,200,30);connect(kse,SIGNAL(keySequenceChanged(const QKeySequence &)),this,SLOT(keyseqeditChanged(const QKeySequence &)));}void MainWindow::keyseqeditChanged(const QKeySequence &key){if(key==QKeySequence(tr("Ctrl+Q")))this->close();elseqDebug()<<key.toString()<<Qt::endl;
}

在這里插入圖片描述

Display Widgets

Label

在ui中添加Label，更名為labeljpg
頭文件
在這里插入圖片描述

源文件

#include <QMessageBox>
#include <QImage>Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui->setupUi(this);textlabelFunc();
}void Widget::textlabelFunc(){QString fName("C:\\Users\\Gemini\\Desktop\\1.jpg");QImage *qimg=new QImage;if(!(qimg->load(fName))){QMessageBox::information(this,"失敗","加載jpg圖片失敗，請重新檢查");delete qimg;return;}ui->labeljpg->setPixmap(QPixmap::fromImage(*qimg));
}

Text Browser

在ui界面中添加textBrowser
頭文件
在這里插入圖片描述
源文件

#include <QFile>
#include <QString>Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui->setupUi(this);textbrowserFuncReadTxt();
}void Widget::textbrowserFuncReadTxt(){QString qStrdData;QFile qfile("C:\\Users\\Gemini\\Desktop\\1.txt");if(!(qfile.open(QIODevice::ReadOnly|QIODevice::Text))){QMessageBox::warning(this,"失敗","打開文件失敗，請重新檢查");}while(!qfile.atEnd()){QByteArray ay=qfile.readLine();QString strs(ay);qStrdData.append(strs);}ui->textBrowser->setText(qStrdData);
}

Progress Bar

在ui中添加progress Bar進度條按鈕，并且可以右鍵按鈕提升為槽。這是系統會自動創建隱性的信號與槽機制，不需要再寫connect()
在這里插入圖片描述

頭文件
在這里插入圖片描述
源文件


Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui->setupUi(this);ui->progressBar->setRange(0,1000000);ui->progressBar->setValue(0);
}Widget::~Widget()
{delete ui;
}void Widget::on_pushButton_clicked()
{for(int i=1;i<=1000000;i++){for(int j=0;j<1;j++){ui->progressBar->setValue(i);}}
}

在這里插入圖片描述

LCD N

在ui界面中添加LCD Number和三個按鈕，命名如下。并把三個按鈕都右鍵添加槽函數
在這里插入圖片描述
頭文件

源文件

#include <QTimer>Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui->setupUi(this);InitFunc();connect(timers,&QTimer::timeout,this,&Widget::on_timerout);
}Widget::~Widget()
{delete ui;
}void Widget::on_pushbtnstart_clicked()
{timers->start();ui->pushbtnstart->setEnabled(false);ui->pushbtnpause->setEnabled(true);ui->pushbtnreset->setEnabled(true);
}void Widget::on_pushbtnpause_clicked()
{timers->stop();ui->pushbtnstart->setEnabled(true);ui->pushbtnpause->setEnabled(false);ui->pushbtnreset->setEnabled(true);
}void Widget::on_pushbtnreset_clicked()
{timers->stop();iValues=0;ui->pushbtn->display(iValues);ui->pushbtnstart->setEnabled(true);ui->pushbtnpause->setEnabled(true);ui->pushbtnreset->setEnabled(false);
}void Widget::InitFunc(){timers=new QTimer(this);timers->setInterval(1000);//定時周期為1stimers->stop();
}
void Widget::on_timerout(){iValues++;ui->pushbtn->display(iValues);
}