帮助

3604阅读
2回复

[提问]横向排列带有滚动条的效果怎么做 [复制链接]

上一主题下一主题查看指定楼层

查看指定楼层

离线hitler++

只看楼主倒序阅读楼主发表于: 2013-03-01

有一大堆qwidget ，横向排列,如果超出了父widget的宽度就自动换行，在下一列继续放,如果widget特别多,有很多行,就出现滚动条

html css 的话就这样写的
<style>
.box{
width:800px;
height:600px;
overflow-y: auto;
}
.item{
float:left;
width:200px;
height:200px;
}
</style>
<div class='box'>
    <div class='item'></div>
    <div class='item'></div>
   ...........
</div>

用qt应该怎么弄,也就是说和qformlayout 布局方式差不多,但是不需要自动调节大小,并且带有滚动条

分享到 淘江湖新浪 QQ微博 QQ空间开心人人豆瓣网易微博百度鲜果白社会飞信

离线kimtaikee

只看该作者 1楼发表于: 2013-03-01

#include "flowlayout.h"
#include <QScrollArea>
YourMainWidget::YourMainWidget(QWidget* parent):QWidget(parent)
{
QVBoxLayout* mainLayout = new QVBoxLayout;
QScrollArea* scrollArea = new QScrollArea(this);
scrollArea->setWidgetResizable(true);
mainLayout->addWidget(scrollArea);
setLayout(mainLayout);
QWidget* mainWidget = new QWidget(this);
scrollArea->setWidget(mainWidget);
FlowLayout* flowLayout = new FlowLayout(mainWidget);
const int kWidgetCount = 100;
for(int i = 0; i < kWidgetCount; ++i)
{
YourWidget* pYw = new YourWidget(this);
flowLayout->addWidget(pYw);
}
mainWidget->setLayout(flowLayout);
}

P.S. FlowLayout 在代码秀中可以找到.

离线hitler++

只看该作者 2楼发表于: 2013-03-02

谢谢，问题解决了