Qt基本控件及三大布局

Qt基本控件及三大布局

 

来源: http://blog.csdn.net/a2604539133/article/details/73920696

 

Qt基本模块

 

 

1、Qt的三大布局

1. QHBoxLayout： 
   
   1. 水平显示布局，全部在其上面摆放的控件只能水平排列下去；
2. QVBoxLayout： 
   
   1. 垂直显示布局，全部在其上面摆放的控件只能垂直排列下去；
3. QGridLayout 
   
   1. 格子显示布局，能够按照表格的形式显示布局；

 

2、Qt的控件

1. label：标签，能够显示文本信息，只读；
2. pushbutton ： 普通按钮；
3. radiobutton ： 单选按钮，多个单选按钮中只能选择一个，可是必须放入groupbox中，相似单选题；
4. checkbox ： 多选复选按钮，能够选择同时选择多个，相似多选题；
5. lineedit ： 单行文本编辑框，能够输入单行文本；
6. textedit ： 多行文本输入框，能够输入显示多行文本和图片；
7. combobox ： 下拉文本输入框，在输入框的最右边有个三角下拉按钮，能够选择输入，也能够手动输入；
8. textbrower ： 多行文本显示框，只读；
9. groupbox ： 能够在里面放入特色的东西，统一管理；
10. slider ： 模拟显示滑动条；
11. spinbox ： 数值显示滑动条；
12. dateedit ：
13. timeedit ：
14. datetimeedit ：
15. lcdnumber ：

 

3、Qt的信号槽

1. 在Qt中全部的对象（继承QObject类）都有connect函数，只要有这个函数就能创建信号槽（经过触发某个控件的信号函数，执行槽中相应的函数）；（暂时这样理解，仍是有点理解不全面的，以后学习到再来修改）；
2. 在Qt中信号槽中可使用自带的函数，四个参数；也能够执行自定义的函数，三个参数；具体看下面test4的例子就明白了。

#include <QtWidgets/QApplication> #include <QtCore/qdebug.h> #include <QtWidgets/qcompleter.h> #include <QtWidgets/qlineedit.h> #include <QtWidgets/qlabel.h> #include <QtWidgets/qcombobox.h> #include <QtWidgets/qcheckbox.h> #include <QtWidgets/qradiobutton.h> #include <QtWidgets/qtextedit.h> #include <QtWidgets/qtextbrowser.h> #include <QtWidgets/qgroupbox.h> #include <QtWidgets/qslider.h> #include <QtWidgets/qspinbox.h> #include <QtWidgets/qdatetimeedit.h> #include <QtWidgets/qtabwidget.h> #include <QtWidgets/qlcdnumber.h> #include <QtGui/qpixmap.h> #include <QtCore/qobject.h> #include <QtWidgets/qboxlayout.h> #include <QtWidgets/qpushbutton.h> #include "MyWidgetEvent.h" void test() ; int main(int argc, char *argv[]) { QApplication a(argc, argv); test() ; return a.exec(); } void test(){ } void test5ManyKongJian() { QWidget *nanWidget = new QWidget() ; QVBoxLayout *nanVLayout = new QVBoxLayout() ; /* **测试label控件 */ QLabel *label=nullptr ; nanVLayout->addWidget( label = new QLabel("<a href=www.baidu.com>baidu</a>") ) ; //QPixmap me("./me.png") ; //label->setPixmap( me ) ;//问题：连接和图片重复了，怎么分开 label->setWordWrap( true ) ; label->adjustSize() ; nanVLayout->connect( label , &QLabel::linkActivated , []( QString str){ qDebug()<<str ; } ) ; /* **测试lineedit控件 */ QLineEdit *lineEdit ; nanVLayout->addWidget( lineEdit = new QLineEdit("hello") ) ; /* **测试button控件 */ QPushButton *button ; nanVLayout->addWidget( button = new QPushButton("???") ) ; button->setStyleSheet("QPushButton {font:bold 16px; color:red;padding:5px}") ; nanWidget->connect( button , &QPushButton::clicked , [](bool flag){ qDebug()<< "button" ; }) ; /* **测试radiobutton控件 */ QRadioButton *radioButton ; nanVLayout->addWidget( radioButton = new QRadioButton("qradiobutton") ) ; radioButton->setStyleSheet("QRadioButton {font:bold 16px;color:blue;padding:5px}") ; radioButton->connect( radioButton , &QRadioButton::clicked , [](bool flag){ qDebug()<< flag ; }) ; /* **测试ckeckbox控件 */ QCheckBox *check ; nanVLayout->addWidget( check = new QCheckBox("chekcbox") ) ; /* **测试combobox控件 */ QComboBox *combobox ; nanVLayout->addWidget( combobox = new QComboBox() ) ; combobox->addItem("select item1") ; combobox->addItem("select item2") ; combobox->addItem("... ...") ; combobox->setEditable(true) ; lineEdit->setText("start") ; combobox->connect( combobox , SIGNAL(activated(const QString &)) , lineEdit , SLOT(setText(const QString &)) ) ;//这里的下标要跟着显示 combobox->setCompleter( new QCompleter(combobox->model()) ) ; /* **测试textedit */ QTextEdit *textEdit ; nanVLayout->addWidget( textEdit = new QTextEdit("textedit") ) ; textEdit->setText("<table border=2> " "<tr><td>good</td><td>good</td><td>good</td></tr>" "<tr><td>nice</td><td>nice</td><td>nice</td></tr>" "</table>" "<img src=./me.png></img>") ; textEdit->connect( textEdit , &QTextEdit::textChanged,[&](){ //问题：textEdit->toPlainText() ;怎么才能获取到textEdit的实体，this->sender() //QTextEdit _edit = (QTextEdit *)QObject::sender(); qDebug()<<textEdit->toPlainText() ; }) ; textEdit->setVerticalScrollBarPolicy(Qt::ScrollBarAsNeeded) ; textEdit->setHorizontalScrollBarPolicy(Qt::ScrollBarAlwaysOn) ; /* **测试groupbox控件 */ QGroupBox *groupBox ; nanVLayout->addWidget( groupBox = new QGroupBox("groupbox") ) ; QHBoxLayout *hLayout ; groupBox->setLayout( hLayout = new QHBoxLayout() ) ; hLayout->addWidget( new QRadioButton("boy") ) ; hLayout->addWidget( new QRadioButton("girl") ) ; /* **测试模拟显示条slider */ QSlider *slider ; nanVLayout->addWidget( slider = new QSlider() ) ; slider->setMinimum( -100 ) ; slider->setMaximum( 100 ) ; /* **测试数字显示条 */ QSpinBox *spinBox ; nanVLayout->addWidget( spinBox = new QSpinBox() ) ; spinBox->setMinimum( -100 ) ; spinBox->setMaximum( 100 ) ; slider->connect( slider , SIGNAL(valueChanged(int)) , spinBox , SLOT(setValue(int)) ) ; spinBox->connect( spinBox , SIGNAL(valueChanged(int)) , slider , SLOT(setValue(int)) ) ; /* **测试时间设置 */ nanVLayout->addWidget( new QDateTimeEdit() ) ; /* **测试显示时间，只读 */ QLCDNumber *number ; nanVLayout->addWidget( number = new QLCDNumber() ) ; number->display("1314") ; number->setMode(QLCDNumber::Hex) ; number->setSegmentStyle(QLCDNumber::Filled) ; nanWidget->setLayout( nanVLayout ) ; nanWidget->setWindowTitle("control") ; nanWidget->show() ; } void test4GridAndHBox() { QWidget *nanWidget = new QWidget() ; QGridLayout *nanGridLayout = new QGridLayout() ; QHBoxLayout *nanHBoxLayout = new QHBoxLayout() ; nanGridLayout->addWidget( new QLabel("Username") , 1 , 1 ) ; nanGridLayout->addWidget( new QLineEdit() , 1 , 2 ) ; nanGridLayout->addWidget( new QLabel("Username") , 2 , 1 ) ; nanGridLayout->addWidget( new QLineEdit() , 2 , 2 ) ; nanGridLayout->addLayout( nanHBoxLayout , 3 , 2 ) ; nanHBoxLayout->addStretch(1) ; nanHBoxLayout->addWidget( new QPushButton("Login") , 1 ) ; nanWidget->setLayout( nanGridLayout ) ; nanWidget->show() ; } void test3GridLayout() { QWidget *nanWidget = new QWidget() ; QGridLayout *nanLayout = new QGridLayout() ; QPushButton *nanButton = new QPushButton() ; QLineEdit *nanLineEdit = new QLineEdit() ; nanLayout->addWidget( nanLineEdit , 1 , 1 , 1 , 2 ) ; nanLayout->addWidget( new QPushButton , 1, 3 ) ; nanLayout->addWidget( new QLineEdit , 2, 1 , 2 , 1 ) ; nanLayout->addWidget( new QPushButton , 2, 2 ) ; nanLayout->addWidget( new QPushButton , 2, 3 ) ; nanLayout->addWidget( nanButton , 3 , 3 ) ; nanLayout->setColumnStretch( 1 , 1 ) ; nanLayout->setColumnStretch( 2 , 1 ) ;/*设置每列的比重*/ nanLayout->setColumnStretch( 3 , 1 ) ; nanWidget->setLayout( nanLayout ) ; nanWidget->show() ; } void test2HBoxLayout() { QWidget *nanQWidget = new QWidget() ; QLineEdit *nanQLineEdit = new QLineEdit() ; QHBoxLayout *nanHLayout = new QHBoxLayout() ; nanHLayout->addWidget( nanQLineEdit , 1 ) ; //添加，两个控件之间的距离addspaceing，两个控件在layout中的比重addstretch nanQWidget->setLayout( nanHLayout ) ; nanQWidget->show() ; } void test1(){ QWidget *w = new QWidget ; QVBoxLayout *vLayout = new QVBoxLayout( ) ; QPushButton *nanButton ; QLineEdit *nanLineEdit ; QLabel *nanLabel ; QString content("null") ; QCompleter nanQCompleter( QStringList()<<"nich"<<"chen"<<"good") ; vLayout->addWidget( nanLineEdit = new QLineEdit() ) ; vLayout->addWidget( nanButton = new QPushButton("right") ) ; nanQCompleter.setFilterMode( Qt::MatchFlag::MatchContains ) ; nanLineEdit->setCompleter( &nanQCompleter ) ; nanLineEdit->setPlaceholderText( "Please input your name" ) ; vLayout->addWidget( nanLabel = new QLabel() ) ; nanLabel->setText( content ) ; w->connect( nanButton , &QPushButton::clicked , [&](){ nanLabel->setText( nanLineEdit->text() ) ; } ) ; w->setLayout( vLayout) ; w->show() ; }

1、dialog、widget、mainwindow的区别

1)、dialog有exec函数，若是是dialog窗口，后边的窗口时不可选的； 
2)、widget和dialog都有show函数，若是经过这个函数显示这两种类型的窗口，则两个窗口都是可选的； 
3)、widget主要是在上面放置布局和控件； 
4)、mainwindow能够显示菜单，工具栏，状态栏、托盘等功能。

2、dialog窗口

这个dialog窗口只是为了给人们提供更好的可视化操做，可是对于程序员而言，这个操做并非马上执行的；而是当在窗口选择关闭后，才将选择的结果返回给后台，后台才能够根据选择的结果进行相应的操做。

#include "mydialog.h" mydialog::mydialog(QDialog *parent):QDialog(parent) { QPushButton *button = new QPushButton( "button" , this ) ; connect( button , SIGNAL(clicked()) , this , SLOT(slotButtonClick()) ) ; } void mydialog::slotButtonClick() { #if 0 /*dialog和widget的区别，exec和show的区别而已*/ QDialog *dlg = new QDialog ; QPushButton *button = new QPushButton("close" , dlg ) ; connect( button , SIGNAL(clicked()) , dlg , SLOT(reject()) ) ; int ret = dlg->exec( ) ; //经过exec显示出来的窗口称为，模块对话框 // 在模块对话框中，exec有本身的消息循环，而且把app的消息循环接管了 // 若是Dialog是经过exec来显示，那么能够经过accept或者reject来关闭窗口 // 若是Dialog是经过show来显示，那么能够经过close来关闭窗口，这个和QWidget同样的 // 有许多特殊的dailog：文件选择，MessageBox，颜色选择，字体选择，打印预览，打印 if( ret == QDialog::Accepted ) qDebug()<<"accepted" ; else if( ret== QDialog::Rejected ) qDebug()<<"rejected" ; #endif #if 0 /*文件选择：这个窗口能够选择保存文件的名称，而后将路径+名称返回，咱们就能够根据返回路径名来保存文件。*/ QString strFilename = QFileDialog::getSaveFileName(NULL, "Select file for save", _strDir, "pic file (*.png *.jpg)"); #endif #if 0 /*文件选择：选择要打开的文件名（绝对路劲）；咱们就能够根据这个文件路径来打开相应的文件*/ QString strFilename = QFileDialog::getOpenFileName(NULL, "Select file for open", _strDir, "pic file (*.png *.jpg)"); #endif #if 0 QString strFilename = QFileDialog::getExistingDirectory(); if(strFilename.isEmpty()) { qDebug() << "select none"; return; } qDebug() << strFilename; QFileInfo fileInfo(strFilename); _strDir = fileInfo.filePath(); qDebug() << _strDir; #endif //do something for io ... ... //上面的选择将绝对路径名都给拿下来了，若是要进行保存，不是很容易吗！ QPixmap pixmap(this->size()) ; QPainter painter(&pixmap) ; this->render( &painter ) ; pixmap.save(strFilename) ; #if 0 /*颜色选择对话框：能够选择相应的颜色；而后将选择的颜色返回，这样咱们就能够操做了*/ QColorDialog colorDia ; colorDia.exec() ; QColor c = colorDia.selectedColor() ; #endif #if 0 /*字体选择对话框：能够选择字体；而后将选择的字体信息返回，咱们一样能够用这些信息来设置相应的值*/ QFontDialog fontDia ; fontDia.exec() ; QFont font = fontDia.selectedFont() ; #endif #if 0 /*这个也是弹窗对话框，不过只是简单的选择如下枚举中的值，能够尝试下效果*/ int ret = QMessageBox::question(this, "????", "realy do .......", QMessageBox::Yes| QMessageBox::No| QMessageBox::YesAll| QMessageBox::NoAll); if(ret == QMessageBox::Yes) { qDebug() << "user select yes"; } if(ret == QMessageBox::No) { qDebug() << "user select no"; } #endif } void mydialog::paintEvent( QPaintEvent *ev ) { } mydialog::~mydialog(void) { }

3、widget窗口

前面已经介绍过不少继承这个窗口的控件了，这里就再也不累述。

4、mainWindow窗口

这个也是给人们提供更好的可视化操做； 
一个正常window软件呈现给客户的可视化界面； 
包括：menu菜单、tool工具栏、status状态栏、电脑显示屏右下脚的托盘等。

#include "MyWindow.h" MyWindow::MyWindow(QMainWindow *parent):QMainWindow( parent ) { /*menuBar菜单栏，菜单menu*/ QMenuBar *menuBar = this->menuBar() ; _menu = menuBar->addMenu( "&File" ) ; QMenu *edit = menuBar->addMenu( "&Edit" ) ; /*menu菜单中的选项action*/ QAction *openAction = _menu->addAction( "&Open" , this , SLOT(slotOpen()) , QKeySequence::Open ) ; QAction *saveAction = _menu->addAction( "&Save" , this , SLOT(slotOpen()) , QKeySequence::Save ) ; _menu->addSeparator() ;//添加分界线 QAction *closeAction = _menu->addAction( "&Exit" , this , SLOT(close()) , QKeySequence::Close ) ; /*toolBar工具栏*/ QToolBar *toolBar = this->addToolBar( "mimi" ) ; toolBar->addAction( openAction ) ; toolBar->addAction( saveAction ) ; toolBar->addAction( closeAction ) ; /*statusBar状态栏*/ QStatusBar *statusBar = this->statusBar() ; QLabel *label ; statusBar->addWidget( label = new QLabel("Ok") ) ; label->setText( "<font color=blue>XXXXX... ...</font>" ) ; /*上面的三种栏介绍完以后，剩下的窗口区域就是CentralWidget **若是将widget直接add到mainwindow这个窗口的话， **toolbar是会跟添加进来的widget重叠的*/ MyView *view = new MyView ; this->setCentralWidget( view ) ; /*最后就是window系统右下脚的托盘：system tray icon*/ QSystemTrayIcon *icon = new QSystemTrayIcon ; icon->setIcon( QIcon("./1.png") ) ;//图标 icon->setToolTip( "luck dog" ) ;//鼠标滑过提示文字 icon->show() ;//展现在右下角 icon->setContextMenu( _menu ) ;//右击出现的菜单 this->connect( icon , SIGNAL( slotActivated(QSystemTrayIcon::ActivationReason) ) , this , SLOT(slotActivated(QSystemTrayIcon::QSystemTrayIcon::ActivationReason)) ) ; this->installEventFilter(this); } void MyWindow::slotActivated(QSystemTrayIcon::ActivationReason reason){ /*这个没成功*/ if( reason==QSystemTrayIcon::Trigger ) { if( this->isHidden() ) this->show() ; else this->hide() ; } } bool MyWindow::eventFilter(QObject *o, QEvent *e) { /*实现什么功能呢？*/ if(o == (QObject*)this && e->type() == QEvent::Close) { return true; } return QMainWindow::eventFilter(o, e); } void MyWindow::slotOpen() { QString fileName = QFileDialog::getOpenFileName() ; qDebug()<<fileName ; /*将打开的文件中的内容显示在窗口上... ...*/ } bool MyWindow::event(QEvent *ev) { qDebug() << ev; if(ev->type() == QEvent::Close) { return false; } /*怎么弄才能实现窗口关闭，托盘还在？*/ return QMainWindow::event(ev); } void MyWindow::paintEvent( QPaintEvent * ) { QPainter painter(this) ; painter.drawPixmap( QPoint(0,0) , QPixmap("./1.png") ) ; } void MyWindow::mousePressEvent( QMouseEvent *ev ) { if( ev->button() == Qt::RightButton ) { _menu->exec( QCursor::pos() ) ; } } MyWindow::~MyWindow(void) { } 

1、qDebug()函数

1. qDebug（）函数能够直接输出调试错误信息，方便程序员调试信息，查找错误；
2. 例子：qDebug()<<"error"<<endl;

2、QDebug类

1. 这个函数能够收集错误信息，经过QTextStream这个类（以前在写文件的时候，用过这个类，查看了下函数的做用，果然和本身想的同样）；
2. QTextStream类，指定一个Qfile*或是QString*做为参数，重载了<<操做符，将对象（QTextStream<<。。）收集到的数据都保存入，相应的参数（这个参数由构造函数决定）中，方便统一管理。例如：在构造时若是指定了文件指针，就直接保存如文件；在构造时若是指定了string，就直接保存如string中… …
3. 总结：这个错误类不是用来输出信息的（固然简介使用错误函数也是能够输出信息），更重要的是用来收集错误信息，方便统一管理，保存，查看的。

QString *str ; QDebug q( str = new QString("object") ) ; q<<"nice"; qDebug()<< *str ;