【qt】Tool Box组件

Tool Box组件

一.有什么作用

类似于一个大的箱子,里面有很多的抽屉,抽屉里面可以装组件。

就如同QQ的好友分组

二.界面添加

右键可以添加页等属性:

三.代码添加

还是以项目为引导。

目标效果:

1.移除已有的

先获取'抽屉'(页)个数,然后从后往前移除我们刚刚界面添加的页

cpp 复制代码
void Dialog::initUI()
{
    int count=ui->toolBox->count();
    for(int i=count-1;i>=0;i--)
    {
        ui->toolBox->removeItem(i);
    }
}

2.开始添加

我们打算'抽屉'里面放一个ListWidget 的列表模式。

所有我们要对ListWidget的列表项先进行设置。

cpp 复制代码
QListWidget *listW=new QListWidget;
    listW->setIconSize(QSize(48,48));

    for(int i=0;i<60;i++)
    {
        QListWidgetItem *item=new QListWidgetItem;
        item->setText("好友"+QString::number(i+1));
        QIcon icon;
        icon.addFile(":/image/girl.png");
        item->setIcon(icon);
        item->setSizeHint(QSize(200,60));

        listW->addItem(item);
    }

当我们对ListWidget 设置好后,最重要的就是将其添加到toolBox里面了。

cpp 复制代码
 ui->toolBox->addItem(listW,"我的好友 60");

运行结果:

感觉这个头像挺好看,哈哈!

接下来就是多添加几个箱子,来看看效果

完整代码

cpp 复制代码
void Dialog::initUI()
{
    int count=ui->toolBox->count();
    for(int i=count-1;i>=0;i--)
    {
        ui->toolBox->removeItem(i);
    }

    QListWidget *listW=new QListWidget;
    listW->setIconSize(QSize(48,48));

    for(int i=0;i<60;i++)
    {
        QListWidgetItem *item=new QListWidgetItem;
        item->setText("好友"+QString::number(i+1));
        QIcon icon;
        icon.addFile(":/image/girl.png");
        item->setIcon(icon);
        item->setSizeHint(QSize(200,60));

        listW->addItem(item);
    }

    ui->toolBox->addItem(listW,"我的好友 60");

    listW=new QListWidget;
    listW->setIconSize(QSize(48,48));

        for(int i=0;i<165;i++)
        {
            QListWidgetItem *item=new QListWidgetItem;
            item->setText("同学"+QString::number(i+1));
            QIcon icon;
            icon.addFile(":/image/girl.png");
            item->setIcon(icon);
            item->setSizeHint(QSize(200,60));

            listW->addItem(item);
        }

        ui->toolBox->addItem(listW,"我的同学 165");


    listW=new QListWidget;
        listW->setIconSize(QSize(48,48));

        for(int i=0;i<5;i++)
        {
            QListWidgetItem *item=new QListWidgetItem;
            item->setText("黑名单"+QString::number(i+1));
            QIcon icon;
            icon.addFile(":/image/girl.png");
            item->setIcon(icon);
            item->setSizeHint(QSize(200,60));

            listW->addItem(item);
        }

        ui->toolBox->addItem(listW,"黑名单 5");
}

运行结果:

四.补充

哈哈,是不是感觉有点QQ的那个味道了,但是有个问题

你发现了吗?要是真的qq的话,昵称的下面,还有一条个性签名。

我们也想添加上去,但是不行,为什么呢?

因为ListWidget 的列表项只能添加一个文本和一个图标,不能两个文本。

所有现在就引出了一个问题。

Qt自带的组件,没有合适我们的怎么办?

OK,这就是下一节的知识------自定义界面类

敬请期待...

人的一切痛苦,本质上都是对自己无能的愤怒。

相关推荐
rzl0227 分钟前
java web5(黑马)
java·开发语言·前端
jingling55539 分钟前
面试版-前端开发核心知识
开发语言·前端·javascript·vue.js·面试·前端框架
我是小哪吒2.01 小时前
书籍推荐-《对抗机器学习:攻击面、防御机制与人工智能中的学习理论》
人工智能·深度学习·学习·机器学习·ai·语言模型·大模型
oioihoii1 小时前
C++11 forward_list 从基础到精通:原理、实践与性能优化
c++·性能优化·list
m0_687399841 小时前
写一个Ununtu C++ 程序,调用ffmpeg API, 来判断一个数字电影的视频文件mxf 是不是Jpeg2000?
开发语言·c++·ffmpeg
爱上语文1 小时前
Redis基础(5):Redis的Java客户端
java·开发语言·数据库·redis·后端
A~taoker1 小时前
taoker的项目维护(ng服务器)
java·开发语言
✎ ﹏梦醒͜ღ҉繁华落℘1 小时前
WPF学习(四)
学习·wpf
萧曵 丶1 小时前
Rust 中的返回类型
开发语言·后端·rust
✎ ﹏梦醒͜ღ҉繁华落℘2 小时前
WPF学习(动画)
学习·wpf