Qt桌面应用开发 第五天（常用控件）

目录

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);});
}