目录
1.QPushButton和ToolButton
1.1QPushButton
1.2ToolButton
2.RadioButton和CheckBox
2.1RadioButton单选按钮
2.2CheckBox多选按钮
3.ListWidget
4.TreeWidget控件
5.TableWidget控件
6.Containers控件
6.1QScrollArea
6.2QToolBox
6.3QTabWidget
6.4QStackedWidget
6.5QFrame
7.其他常用控件
7.1Combox和FontCombox
7.2LineEdit
7.3TextEdit和PlainTextEdit
7.4SpinBox和DoubleSpinBox
7.5QLable
8.自定义控件
1.QPushButton和ToolButton
1.1QPushButton
- text——设置按钮显示文字
- icon——设置按钮上显示的图片
- iconsize——调整图片大小
1.2ToolButton
- toolButtonStyle——当设置text之后，文字依旧不显示时，将toolButtonStyle设置为ToolButtonTextBesideIcon之后就可以了，默认ToolButtonIconOnly（只显示图片）
- autoRaise——勾选之后，按钮设为透明效果
2.RadioButton和CheckBox
2.1RadioButton单选按钮
要求：默认默认选择男的；选择女的之后，输出“选择女”
Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui->setupUi(this);ui->rBtnMan->setChecked(true);//默认勾选男的connect(ui->rBtnWoman,&QRadioButton::clicked,this,[=](){qDebug()<<"选择女生";});
}2.2CheckBox多选按钮
要求：选中“环境优雅“”时，输出“选择环境优雅”；取消“环境优雅“”时，输出“取消环境优雅”；半选“环境优雅“”时，输出“半选环境优雅”
connect(ui->checkBox_enviroment,&QCheckBox::stateChanged,[=](int state){if(2==state)//选中{qDebug()<<"选择环境优雅";}else if(0==state)//未选中{qDebug()<<"取消环境优雅";}else if(1==state)//半选择{qDebug()<<"半选择环境优雅";}});注意：CheckBox通过stateChanged这个信号来判断按钮的选择状态，0未选中，1半选，2全选
3.ListWidget
QListWidget是用于显示多个列表项的控件
QListWidgetItem* item=new QListWidgetItem("床前明月光");//居中对齐item->setTextAlignment(Qt::AlignCenter);//添加一个项目ui->listWidget->addItem(item);QStringList list;list<<"床前明月光"<<"疑是地上霜"<<"举头望明月"<<"低头思故乡";//添加多个项目ui->listWidget->addItems(list);
注意：
- setTextAlignment——设置列表项对齐方式
- addItem——添加单个列表项
- addItems——添加多个列表项
4.TreeWidget控件
QTreeWidget用于显示层次结构的数据
ui->setupUi(this);//设置头部标签ui->treeWidget->setHeaderLabels(QStringList()<<"地区"<<"面积(平方千米)");//设置顶级项目QTreeWidgetItem* treeItem1=new QTreeWidgetItem(QStringList()<<"北京"<<"12345");QTreeWidgetItem* treeItem2=new QTreeWidgetItem(QStringList()<<"上海"<<"12987");ui->treeWidget->addTopLevelItem(treeItem1);ui->treeWidget->addTopLevelItem(treeItem2);//设置北京下具体城区的数值QStringList districtList;QStringList squareList;districtList<<"东城"<<"西城"<<"朝阳";squareList<<"42"<<"51"<<"867";for(int i=0;i<districtList.size();i++){QStringList a;a<<districtList.at(i)<<squareList.at(i);QTreeWidgetItem* child=new QTreeWidgetItem(a);treeItem1->addChild(child);}
- addTopLevelItem/addTopLevelItems——将条目添加到树形控件的顶级条目列表末尾
- insertTopLevelItem——将条目插入到指定位置
- setHeaderLabels——设置头部标签
5.TableWidget控件
以行和列的形式显示数据，每个单元格可以包含文本、图标、自定义小部件
Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui->setupUi(this);//设置列数ui->tableWidget->setColumnCount(3);//设置头部标签ui->tableWidget->setHorizontalHeaderLabels(QStringList()<<"姓名"<<"性别"<<"年龄");//设置行数ui->tableWidget->setRowCount(5);QStringList nameList;QStringList sexList;nameList<<"刘备"<<"关羽"<<"张飞";sexList<<"男"<<"女"<<"男";for(int i=0;i<nameList.size();i++){int col=0;//添加项数ui->tableWidget->setItem(i,col++,new QTableWidgetItem(nameList.at(i)));ui->tableWidget->setItem(i,col++,new QTableWidgetItem(sexList.at(i)));ui->tableWidget->setItem(i,col++,new QTableWidgetItem(QString::number(20+i)));}//“添加赵云”按钮，在第一行插入赵云信息connect(ui->addBtn,&QPushButton::clicked,[=](){bool isEmpty=ui->tableWidget->findItems("赵云",Qt::MatchExactly).isEmpty();if(isEmpty){ui->tableWidget->insertRow(0);ui->tableWidget->setItem(0,0,new QTableWidgetItem(QString("赵云")));ui->tableWidget->setItem(0,1,new QTableWidgetItem(QString("男")));ui->tableWidget->setItem(0,2,new QTableWidgetItem(QString("23")));}else{QMessageBox::warning(this,"Warning","赵云已经存在，添加失败！");}});//“删除赵云”按钮，删除赵云信息connect(ui->delBtn,&QPushButton::clicked,[=](){bool isEmpty=ui->tableWidget->findItems("赵云",Qt::MatchExactly).isEmpty();if(isEmpty){QMessageBox::warning(this,"Warning","赵云不存在");}else{int rowNum=ui->tableWidget->findItems("赵云",Qt::MatchExactly).first()->row();ui->tableWidget->removeRow(rowNum);}});
}
- setColumnCount——设置列数
- setRowCount——设置行数
- setHorizontalHeaderLabels——设置头部标签
- setItem——添加项数
- insertRow——插入行
6.Containers控件
6.1QScrollArea
滚动条，水平/垂直滚动条
- setVerticalScrollBarPolicy()——设置垂直滚动条
- setHorizontalScrollBarPolicy()——设置水平滑动条
6.2QToolBox
存储多个子窗口，每个抽屉可以设置图标和标题，并且对应一个子窗口，通过抽屉按钮可以实现各个子窗口显示的切换。
6.3QTabWidget
创建带有多个标签页的选项卡窗口
6.4QStackedWidget
堆栈窗口控件，只有一个子窗口是可见的，其他子窗口被隐藏，可通过切换显示不同的子窗口
6.5QFrame
容器控件，用于包含其它控件，并为其提供边框、背景颜色等样式。
7.其他常用控件
7.1Combox和FontCombox
QCombox：下拉列表框控件，允许从预定义的下拉列表中选择一个项目
- addItem——添加列表中的项目
QFontCombox：Combox的特殊版本，专门选择字体
7.2LineEdit
单行文本输入框，允许用户输入和编辑单行纯文本/密码
- echoMode——设置输入文本的样式
7.3TextEdit和PlainTextEdit
QTextEdit：多行文本编辑控件
QPlainTextEdit：文本编辑器控件
7.4SpinBox和DoubleSpinBox
QSpinBox——用于整数的输入和显示，默认十进制，也可以显示二进制和十六进制
QDoubleSpinBox——用于浮点数的输入和显示
- decimals——设置小数点后的位数
7.5QLable
用于显示文本、图片
显示图片：
1.拖入QLable，添加Frame边框属性，删除默认显示的文本
2.setPixmap显示图片
ui->lbl_pic->setPixmap(QPixmap(":/Image/1.png"));
显示动图：
1.拖入QLable，添加Frame边框属性，删除默认显示的文本
2.setMovie显示图片
QMovie* movie=new QMovie(":/Image/1.gif");ui->lbl_movie->setMovie(movie);movie->start();8.自定义控件
一个项目中的很多窗口或者窗口中的某个模块经常会被重复使用时，一般会将这个窗口/模块拿出来做一个独立的窗口类。
流程：
- 创建项目（带ui文件）
- 右键项目，添加新文件，选择Qt->Qt设计师界面类
- 选择Widget模板
- 给自定义控件命名，如SmallWidget
- 生成自定义控件文件，包括.h .cpp .ui
- 在SmallWidget.ui中拖入spinBox和HorizontalSlider
- 在widget.ui中拖入widget控件，并右键“提升为”SmallWidget类
注意：需要此控件时，直接提成为该控件所属类即可
SmallWidget::SmallWidget(QWidget *parent) :QWidget(parent),ui(new Ui::SmallWidget)
{ui->setupUi(this);//spinBox中的值改变之后，滑动条也随之改变void(QSpinBox::* spinSignal)(int)=&QSpinBox::valueChanged;connect(ui->spinBox,spinSignal,ui->horizontalSlider,&QSlider::setValue);//滑动条改变，spinBox中的值随之改变connect(ui->horizontalSlider,&QSlider::valueChanged,ui->spinBox,&QSpinBox::setValue);}void SmallWidget::setData(int data)
{ui->spinBox->setValue(data);
}int SmallWidget::getData()
{return ui->spinBox->value();
}Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui->setupUi(this);//获取spinBox的值connect(ui->btn_get,&QPushButton::clicked,[=]{int data=ui->widget->getData();qDebug()<<data;});//将spinBox的值设置为最大值的一半connect(ui->btn_set,&QPushButton::clicked,[=]{ui->widget->setData(50);});
}
