一、效果图

二、思路

先实现单个item控件，之后根据所需个数new出来插入布局中。item过多时支持滑动操作，可以把item放入scrollArea中，如需实现滑动效果可以使用eventFilter，计算坐标配合scrollArea->verticalScrollBar()->setValue实现。

三、关键代码

1、单个item

实现基本布局样式及相关功能接口即可

2、列表

    //创建item，插入布局实现列表
    for(int i = 0; i < weightRecordInfoVec.size(); i++) {
        metricalInfoWidget *w = new metricalInfoWidget(this);
        w->setRecordInfo(weightRecordInfoVec[i]);
        ui->verticalLayout_4->insertWidget(0, w);
        mInfoWidget.push_back(w);
    }

3、其它

滑动、样式，功能等操作可以自行按需求实现