自学内容网 自学内容网

【qt】Tool Box组件

一.有什么作用

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

在这里插入图片描述
就如同QQ的好友分组

二.界面添加

在这里插入图片描述
右键可以添加页等属性:
在这里插入图片描述

三.代码添加

还是以项目为引导。
目标效果:
在这里插入图片描述

1.移除已有的

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

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

2.开始添加

我们打算‘抽屉’里面放一个ListWidget的列表模式。
所有我们要对ListWidget的列表项先进行设置。

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里面了。

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

运行结果:
在这里插入图片描述
感觉这个头像挺好看,哈哈!

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

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,这就是下一节的知识——自定义界面类
敬请期待…

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


原文地址:https://blog.csdn.net/qq_74047911/article/details/139016944

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!