1.组合框: QComboBox
组合框:QComboBox
用于存放一些列表项
实例化
//实例化QComboBox* comboBox = new QComboBox(this);
1.1 代码实现
1.1.1 组合框的基本函数
QComboBox
dialog.cpp
#include "dialog.h"
#include "ui_dialog.h"Dialog::Dialog(QWidget *parent): QDialog(parent), ui(new Ui::Dialog)
{ui->setupUi(this);//添加列表项this->comboBox->addItem("苹果");this->comboBox->addItem("香蕉");this->comboBox->addItem("西瓜");//添加图片this->comboBox->addItem(QIcon(":/img/photo.jpg"),"葡萄");//一次添加多个列表项QStringList list;list<<"星期一"<<"星期二"<<"星期三";this->comboBox->addItems(list);//返回组合框里有多少列表项qDebug()<<"组合框里列表项数目"<<this->comboBox->count()<<endl;//返回当前列表项的下标qDebug()<<"返回当前列表项的下标"<<this->comboBox->currentIndex()<<endl;//返回当前列表项qDebug()<<"返回当前列表项"<<this->comboBox->currentText()<<endl;//在组合框中查询是否有指定的列表项,如果有就返回下标,没有就返回-1int index = this->comboBox->findText("星期二");qDebug()<<"星期二对应的下标:"<<index<<endl;//通过下标找到列表项QString text = this->comboBox->itemText(index);qDebug()<<"下标为"<<index<<"的列表项是"<<text<<endl;//通过下标找到图片QIcon icon = this->comboBox->itemIcon(2);//在指定位置插入列表项QStringList list2;list2<<"昨天"<<"今天"<<"明天";this->comboBox->insertItems(1,list2);//移除指定的列表项this->comboBox->removeItem(1);//这里我移除了 昨天//将列表项更新为新的列表项this->comboBox->setItemText(index,"hello");}Dialog::~Dialog()
{delete ui;
}
1.1.2 练习购物车
用组合框模拟账户的存储与取出
使用组合框模拟购物车
(1)用户可以添加物品到购物车中
(2)用户可以移除购物车中指定的物品
(3)用户可以清空并结算购物车中商品总价
(4)用户一个商品用户可以购买多个
效果如下
QConboBox_gouwuche
dialog.h
#ifndef DIALOG_H
#define DIALOG_H#include <QDialog>
#include <Qdebug>
#include <QComboBox>QT_BEGIN_NAMESPACE
namespace Ui { class Dialog; }
QT_END_NAMESPACEclass Dialog : public QDialog
{Q_OBJECTpublic:Dialog(QWidget *parent = nullptr);~Dialog();private slots:void on_xigau_clicked();void on_car_clicked();void on_flower_clicked();void on_del_clicked();void on_jiesuan_clicked();private:Ui::Dialog *ui;//实例化组合框QComboBox* comboBox = new QComboBox(this);};
#endif // DIALOG_H
dialog.cpp
#include "dialog.h"
#include "ui_dialog.h"//用组合框模拟账户的存储与取出
// 使用组合框模拟购物车
// (1)用户可以添加物品到购物车中
// (2)用户可以移除购物车中指定的物品
// (3)用户可以清空并结算购物车中商品总价
// (4)用户一个商品用户可以购买多个Dialog::Dialog(QWidget *parent): QDialog(parent), ui(new Ui::Dialog)
{ui->setupUi(this);this->comboBox->move(260,150);this->comboBox->resize(100,40);}Dialog::~Dialog()
{delete ui;
}void Dialog::on_xigau_clicked()//西瓜
{QString xg = ui->xigau->text();QStringList watermelon = xg.split(" ");//以空格分割字符串this->comboBox->addItem(watermelon[0]);//将物品给组合框选项}void Dialog::on_car_clicked()//汽车
{QString qiche = ui->car->text();QStringList che = qiche.split(" ");//以空格分割字符串this->comboBox->addItem(che[0]);}void Dialog::on_flower_clicked()//鲜花
{QString xianhua = ui->flower->text();QStringList hua = xianhua.split(" ");//以空格分割字符串this->comboBox->addItem(hua[0]);}void Dialog::on_del_clicked()//删除列表项
{int index = this->comboBox->currentIndex();this->comboBox->removeItem(index);
}void Dialog::on_jiesuan_clicked()//结算
{int sum = 0;int num = this->comboBox->count();//获取标签中有多少项for(int i=0;i<num;i++){//循环遍历出列表项QString cur = this->comboBox->itemText(i);//取出列表项if(cur=="西瓜"){sum+=12;}else if(cur=="汽车"){sum+=25;}else if(cur=="鲜花"){sum+=9;}}ui->label->setText(QString::number(sum));//QString::number(sum)转为字符串comboBox->clear();}
1.2 信号
1.2.1 信号函数
void activated(int index) //当列表项变化时触发该信号void activated(const QString &text)void currentIndexChanged(int index) //当前列表项下标变化时触发该信号void currentIndexChanged(const QString &text)void currentTextChanged(const QString &text)//当前列表项变化时触发该信号void editTextChanged(const QString &text)void highlighted(int index) //列表项高亮时触发该信号void highlighted(const QString &text)
1.2.2 举例
QComboBox
绑定
dialog.cpp
//绑定变化列表项信号,即当列表项被选中触发connect(this->comboBox,SIGNAL(activated(QString)),this,SLOT(rece1_Text(QString)));//绑定高亮信号,即鼠标放在哪高亮触发connect(this->comboBox,SIGNAL(highlighted(int)),this,SLOT(rece2_Text_Index(int)));
槽
定义
dialog.h
public slots://槽void rece1_Text(const QString& text);//绑定变化列表项信号,即当列表项被选中触发void rece2_Text_Index(int dex);//绑定高亮信号,即鼠标放在哪高亮触发
实现
dialog.cpp
void Dialog::rece1_Text(const QString &text){qDebug()<<"列表项"<<text<<endl;
}void Dialog::rece2_Text_Index(int dex){qDebug()<<"下表为"<<dex<<endl;
}
1.3 UI实现
方法解释
editable:设置组框当前列表项是否可编辑currentText:获取组合框中的当前显示的列表项currrenIdex:获取当前列表项的下标maxVisibleItems:列表项可移动的最大数目maxCount:设置组合框中最多能容纳的列表项的数目insertPolicy:设置插入列表项的策略sizeAdjustPolicy:设置组合框中列表项适应组合框minimumContentsLength:最小的列表项的长度iconsize:设置图片的大小placeholderText:背景提示的文本frame:边框modelColumn:列表项