【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,这就是下一节的知识------自定义界面类

敬请期待...

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

相关推荐
夜夜敲码11 分钟前
C语言教程(十六): C 语言字符串详解
c语言·开发语言
cooldream200912 分钟前
深入理解MVP架构:让UI层与业务逻辑完美分离的设计模式
ui·设计模式·架构·系统架构师
帅云毅13 分钟前
Web3.0的认知补充(去中心化)
笔记·学习·web3·去中心化·区块链
豆豆14 分钟前
day32 学习笔记
图像处理·笔记·opencv·学习·计算机视觉
拖孩16 分钟前
【Nova UI】十一、组件库中 Icon 组件的测试、使用与全局注册全攻略
前端·javascript·vue.js·ui·sass
宋康18 分钟前
C语言结构体和union内存对齐
c语言·开发语言
꧁坚持很酷꧂24 分钟前
Linux Ubuntu18.04下安装Qt Craeator 5.12.9(图文详解)
linux·运维·qt
居然是阿宋28 分钟前
Kotlin高阶函数 vs Lambda表达式:关键区别与协作关系
android·开发语言·kotlin
nenchoumi311935 分钟前
VLA 论文精读(十六)FP3: A 3D Foundation Policy for Robotic Manipulation
论文阅读·人工智能·笔记·学习·vln
ChoSeitaku38 分钟前
17.QT-Qt窗口-工具栏|状态栏|浮动窗口|设置停靠位置|设置浮动属性|设置移动属性|拉伸系数|添加控件(C++)
c++·qt·命令模式