【QT笔记】使用QScrollArea实现多行文本样式显示

目录

一、QScrollArea 的基本概念

二、demo代码

 三、实现效果

1、页面空间足够，无滚动条时显示效果

2、有滚动条时显示效果

---

一、QScrollArea 的基本概念

QScrollArea 是 Qt 框架中用于提供一个滚动条区域，允许用户滚动查看比当前可视区域更大的内容的控件。它本身不直接显示内容，而是将内容（通常是一个QWidget或其子类）作为其子项，并通过滚动条来访问这些内容的全部。QScrollArea支持水平和垂直滚动，并且可以根据需要自动调整滚动条的出现。

二、demo代码

#include "mainwindow.h"
#include <QApplication>#include <QObject>
#include <QGroupBox>
#include <QPushButton>
#include <QCheckBox>
#include <QRadioButton>
#include <QVBoxLayout>
#include <QScrollArea>
#include <QLabel>
#include <QTextCodec>
#include <QColor>#pragma execution_character_set("utf-8")int main(int argc, char *argv[])
{QApplication a(argc, argv);MainWindow w;QWidget *pGroupBox = new QWidget(&w);QScrollArea* pSCrollArea = new QScrollArea(&w);QVBoxLayout *layout = new QVBoxLayout;layout->addWidget(new QLabel(QObject::tr("这是固定文本")));layout->addStretch();pGroupBox->setLayout(layout);layout->insertWidget(1, new QLabel(QObject::tr("这是第一行")));layout->insertWidget(1, new QLabel(QObject::tr("这是第二行")));layout->insertWidget(1, new QLabel(QObject::tr("这是第三行")));layout->insertWidget(1, new QLabel(QObject::tr("这是第四行")));layout->insertWidget(1, new QLabel(QObject::tr("这是第五行")));layout->insertWidget(1, new QLabel(QObject::tr("这是第六行")));layout->insertWidget(1, new QLabel(QObject::tr("这是第七行")));layout->insertWidget(1, new QLabel(QObject::tr("这是第八行文本：文字会很长很长很长很长很长很长很长很长很长很长很长很长")));QString htmlContent = "测试文本<font color='blue'>%1</font> 是一个蓝色文字。<font color='red'>%2</font>";QString text = htmlContent.arg("示例文本").arg("红色文本");QLabel* pText = new QLabel;pText->setTextFormat(Qt::RichText);pText->setText(text);layout->insertWidget(1, pText);layout->setSpacing(20);     // 控件之间间距layout->setContentsMargins(16,16,16,16);pSCrollArea->setWidgetResizable(true);  // 设置滚动区大小pSCrollArea->setHorizontalScrollBarPolicy(Qt::ScrollBarAsNeeded);pSCrollArea->setVerticalScrollBarPolicy(Qt::ScrollBarAsNeeded);pSCrollArea->setWidget(pGroupBox);pSCrollArea->setStyleSheet("QWidget{""    background:#FFFFFF;""}""QScrollBar{""    border:none;""    background:#FFFFFF;""    margin: 0px,0px,0px,0px;""}""QScrollBar:vertical {""    width: 8px;""}""QScrollBar:horizontal {""    height: 8px;""}""QScrollBar::handle{""    background: #D9D9D9;""    border-radius:4px;""    margin: 0px 0px;""}""QScrollBar::add-line,QScrollBar::sub-line {""    height: 0px;""}""QScrollBar::add-page,QScrollBar::sub-page {""    background:#FFFFFF;""}""QScrollBar::handle:hover {""    background: #D9D9D9;""    border-radius:4px;""}");w.setCentralWidget(pSCrollArea);w.setWindowTitle("文本显示demo");w.setMinimumSize(50,50);w.show();return a.exec();
}

 三、实现效果

1、页面空间足够，无滚动条时显示效果

2、有滚动条时显示效果