QT 之自动滚动区QScrollArea

最新推荐文章于 2025-02-26 23:20:18 发布

lelivel

最新推荐文章于 2025-02-26 23:20:18 发布

阅读量2.1k

点赞数 3

文章标签： qt ui 开发语言

本文链接：https://blog.youkuaiyun.com/liqifff/article/details/128494669

版权

本文介绍了如何使用Qt的QScrollArea组件来创建一个可滚动的视图，展示超过屏幕大小的部件内容。通过在QScrollArea内添加栅格布局，并在代码中动态创建和定位多个按钮，实现了滚动条的出现。同时，详细说明了如何在QtDesigner中直接拖放QScrollArea以及设置其大小和内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

简述

QScrollArea提供了一个滚动视图到另一个部件。

滚动区域用于显示一个画面中的子部件的内容。如果部件超过画面的大小，视图可以提供滚动条，这样就都可以看到部件的整个区域。

Qt Designer设计添加

QScrollArea属于控件容器类，可以直接在ui中拖出来
添加需要放置的控件到QScrollArea里面，然后栅格布局
栅格以后调整外部大小就可以设定QScrollArea框的大小

在这里插入图片描述

纯代码设计

 	mainLayout = new QVBoxLayout(this);
    mainLayout->setContentsMargins(11, 11, 11, 11);
    
    scroLLArea = new QScrollArea();
    QWidget *scrollAreaWidgetContents = new QWidget(); //创建画布
    
    QScreen *screen = QGuiApplication::primaryScreen();
    QRect rect = screen->availableGeometry();//获取当前屏幕像素大小
    scrollAreaWidgetContents->setFixedWidth(rect.width());
    scrollAreaWidgetContents->setFixedHeight(rect.height() + 1800); //这里设置画布的高度比实际屏幕要大，方便出现滚动条
    //创建多个控件
    int initX = 35;
    int initY = 0;
    int fixSpace = 100;
    int hX = 0;
    int vY = initY;

    for (int i = 1; i < 50; i++)
    {
        if (i % 2 != 0)
        {
            btnButton = new QPushButton(scrollAreaWidgetContents);
            btnButton->move(initX, vY);
            hX = btnButton->x() + btnButton->width() + fixSpace;
        }
        else
        {
            btnButton = new QPushButton(scrollAreaWidgetContents);
            btnButton->move(hX, vY);
            vY += fixSpace;
        }

        btnButton->setText(QString::number(i));

    }
    scroLLArea->setWidget(scrollAreaWidgetContents); //设置画布
    mainLayout->addWidget(scroLLArea);    
    /*在主布局中添加QScrollArea ，
    这时候因为自动布局的关系，
    QScrollArea 的大小会与屏幕大小近似。
   所以它的大小小于画布的大小！*/