【qt】下拉列表组件

下拉列表组件

一.Combo Box
- 1.可以直接双击编辑下拉内容
- 2.代码初始化下拉内容
- 3.一次性添加多个下拉内容
- 4.下拉框手动编辑
- 5.下拉内容添加附加值
- 6.下拉添加图标
- 7.获取下拉值
二.总结

一.Combo Box

还是老样子，咱们边做边练
目标图：
在这里插入图片描述

1.可以直接双击编辑下拉内容

话不多说，先拖。
在这里插入图片描述
标签是可以显示框线的

运行结果：

接下来开始布局：
上面的4个组件先格栅，然后窗口垂直布局，然后可以加Spacer来调距离，也可以通过设置最小宽度来调。

当我们直接双击comboBox时，会弹出：
在这里插入图片描述
在这里可以直接进行下拉选择的添加
但是这样写死，不太好，大多数我们是用代码来写！

2.代码初始化下拉内容

定义一个初始化函数initUI来初始化下拉组件

3.一次性添加多个下拉内容

用addItems(),注意参数为字符串列表。

void Dialog::initUI()
{
    ui->comboBoxXueli->clear();//先清空刚刚我们双击添加的学历
    QStringList list;
    list<<"小学"<<"初中"<<"高中"<<"大学"<<"研究生"<<"博士后";
    ui->comboBoxXueli->addItems(list);//参数为字符串列表
    }

4.下拉框手动编辑

**setEditable(true)**就可以直接输入

ui->comboBoxXueli->setEditable(true);

在这里插入图片描述

5.下拉内容添加附加值

addItem的第二个参数为附加值，当我们获取时，可以获取的到。
因为这样两个值，我们刚好可以用到容器QMap
用迭代器循环来进行加入。

QMap<QString,QString> citys;
    citys.insert("北京","010");
    citys.insert("上海","020");
    citys.insert("江苏","030");
    citys.insert("四川","080");

    for(auto it=citys.begin();it!=citys.end();it++)
    {
        ui->comboBoxCity->addItem(it.key(),it.value());
    }

运行结果：
在这里插入图片描述

6.下拉添加图标

OK接下来我们来添加图标。
addItem的第一个参数可以加图标。
因为有这些重载函数：
在这里插入图片描述
OK，添加图标肯定要有资源，所有我们先来添加资源吧。

记得添加完后保存一下：

然后开始添加我们的资源到下拉组件中
addFile是将路径中的图片添加到icon的变量名中。
：表示从当前资源目录中去寻找。

    QIcon icon1;
    icon1.addFile(":/lanq.png");
    ui->comboBoxLove->addItem(icon1,"篮球");
    QIcon icon2;
    icon2.addFile(":/music.png");
    ui->comboBoxLove->addItem(icon2,"音乐");

运行结果：
在这里插入图片描述

7.获取下拉值

接下来我们对下拉组件来进行转到槽，获取下拉的内容。
用这个信号
在这里插入图片描述
用currentText可以来获取当前下拉选中的值。
用currentDate可以来获取当前的附加值，如果设置了的话

void Dialog::onChange()
{
    QString xueli=ui->comboBoxXueli->currentText();
    QString  city=ui->comboBoxCity->currentText();
    QString love=ui->comboBoxLove->currentText();
    QString number=ui->comboBoxCity->currentData().toString();//获取附加值

    QString ret="学历："+xueli+" 爱好："+love+" 城市："+city+" 区号："+number;

    ui->labelText->setText(ret);

}


void Dialog::on_comboBoxXueli_currentIndexChanged(int index)
{
     onChange();
}

void Dialog::on_comboBoxCity_currentIndexChanged(int index)
{
    onChange();
}

void Dialog::on_comboBoxLove_currentIndexChanged(int index)
{
   onChange();
}