QT入门Containers之QToolBox-Toy模板网

这篇具有很好参考价值的文章主要介绍了QT入门Containers之QToolBox。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

一、QToolBox界面相关

1、布局介绍

2、界面测试

3、添加分组测试

4、添加图标

5、添加展开缩进不同效果图标

二、Demo展示

此文为作者原创，创作不易，转载请标明出处！

一、QToolBox界面相关

1、布局介绍

先从界面拖个过来看下，这是个类似于抽屉式的控件，可以做成扣扣中的聊天分组效果

qt toolbox,QT控件入门,ui

2、界面测试

测试做下聊天分组效果，首先来选中这个QToolBox，然后找到下面属性，进行text值的更改

qt toolbox,QT控件入门,ui

可以通过更改currentIndex的索引值来找到不同page页，将索引为0的currentItemText更改为：好友，索引为1的更改为陌生人，来看下效果：

qt toolbox,QT控件入门,ui

3、添加分组测试

通过向不同的page里添加控件，来达到分组的效果，因为不同的page实际上是一个个的widget容器，所以可以直接从界面拖进去看看，下面拖动几个进不同的page里

qt toolbox,QT控件入门,ui

4、添加图标

首先还是将资源文件能正常加载进来，可以在界面直接添加，找到currentItemIcon，这个可以直接设置图标

qt toolbox,QT控件入门,ui

5、添加展开缩进不同效果图标

首先还是添加两个图标的资源进来，然后进行代码：

构造函数中：

 ui->TestToolBox->setItemIcon(0, QIcon(":/image/right.png"));
    ui->TestToolBox->setItemIcon(1, QIcon(":/image/downD.png"));
    ui->TestToolBox->setItemText(0, u8"设备");
    ui->TestToolBox->setItemText(1, u8"样机");

void MainWindow::on_TestToolBox_currentChanged(int index)
{
    if(0 == index)
    {
        ui->TestToolBox->setItemIcon(0, QIcon(":/image/downD.png"));
        ui->TestToolBox->setItemIcon(1, QIcon(":/image/right.png"));
    }
    else if(1 == index)
    {
        ui->TestToolBox->setItemIcon(0, QIcon(":/image/right.png"));
        ui->TestToolBox->setItemIcon(1, QIcon(":/image/downD.png"));
    }
}

qt toolbox,QT控件入门,ui