时间戳

首页 > 解决方案 > 使用 QListWidget 的 Qt 命令日志

c++ - 使用 QListWidget 的 Qt 命令日志

问题描述

我正在尝试在用户界面上构建命令日志。这意味着，当用户单击按钮、选中复选框、上传一些图像等时，基本上每次用户与用户界面交互时，操作都会记录在QListWidget如下所示的命令日志中。基本上这就是用户运行它时 ui 的外观：

开始

这就是我每次用户与 ui 交互时尝试实现的目标：

命令日志

下面是来自构造函数的代码片段：

主窗口.h

private:
    QListWidget *mNewTextSQLLog;

主窗口.cpp

MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);
    mDockWidget_A = new QDockWidget(QLatin1String("Command Log"));
    mDockWidget_A->setSizePolicy(QSizePolicy::Expanding,QSizePolicy::Expanding);
    mDockWidget_A->setMinimumHeight(30);
    // Adding object to the DockWidget
    mNewText = new QListWidget;
    mNewText->setStyleSheet("background-color: light grey;");
    mNewText->setMinimumHeight(50);
    mNewText->setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);
    mDockWidget_A->setWidget(mNewText);
    addDockWidget(Qt::BottomDockWidgetArea, mDockWidget_A);
    resizeDocks({mDockWidget_A}, {200}, Qt::Horizontal);
}

然后是 ui 的一些命令，例如，当用户使用 a 上传图像时QPushButton，图像也显示在 a 上QLabel：

void MainWindow::imageOriginlUploadB()
{
    dir_Original_B = QFileDialog::getExistingDirectory(this, tr("Choose an image directory to load"),
                                                     filesListRight, QFileDialog::ShowDirsOnly | QFileDialog::DontResolveSymlinks);
    if(dir_Original_B.length() > 0){
        QImage image;
        QDir dirBObj(dir_Original_B);
        QStringList filesListRight = dirBObj.entryList(QDir::NoDotAndDotDot | QDir::System | QDir::Hidden  | QDir::AllDirs | QDir::Files, QDir::DirsFirst);
        ui->labelOrigImageB->setPixmap(QPixmap::fromImage(image.scaled(125,125,Qt::KeepAspectRatio,Qt::SmoothTransformation)));
        for ( int i = 0 ; i < filesListRight.size() ; i++ )
        {
            ui->listWidgetOriginalImgB->addItem(filesListRight.at(i));
        }
        ui->listWidgetOriginalImgB->update();
        ui->labelOrigImageB->show();
    }
}


void MainWindow::on_originalmgB_clicked()
{
    imageOriginlUploadB();
}

或者这里是QGraphicsView使用 a调整大小QPushButton：

void MainWindow::on_fitViewBtn_clicked()
{
    ui->graphicsViewLX->fitInView(mLeftScene->sceneRect(), Qt::KeepAspectRatio);
    ui->graphicsViewRX->fitInView(mRightScene->sceneRect(), Qt::KeepAspectRatio);
}

这是 a 的激活QCheckBox：

void MainWindow::on_checkBoxScreen_A_toggled(bool checked)
{
    if(ui->checkBoxScreen_A->isEnabled()) {
        if(checked)
        {
            ui->checkBoxScreen_A->setText("Active");
            ui->saveToFile_A->setEnabled(true);
            ui->saveToFile_A->setStyleSheet("QPushButton{ background-color: green }");
        }
        else {
            ui->checkBoxScreen_A->setText("Inactive");
            ui->saveToFile_A->setEnabled(false);
            ui->saveToFile_A->setStyleSheet("QPushButton{ background-color: grey }");
        }
    }
}

如何做到这一点？非常感谢您指出正确的方向

标签： c++c++11qt5qlistwidgetqcheckbox

解决方案

我认为QListWidget用于命令日志的小部件不太合适——您可能想要使用QPlainTextEdit或QTextEdit代替。（两者的主要区别在于 QPlainTextEdit 针对显示大量文本进行了优化，代价是不支持 QTextEdit 提供的一些更高级的文本格式功能）

一旦您创建了这两个小部件之一，在日志底部添加文本只需在每次要添加另一行日志文本时在小部件上调用appendPlainText()（或append() ）。

除非您希望允许用户编辑命令日志中的文本，否则调用setReadOnly(true)小部件也是一个好主意。

（如果你还想让log-view自动滚动到底部，让新添加的文本可见，也可以myCommandLogWidget->verticalScrollBar()->setValue(myCommandLogWidget->verticalScrollBar()->maximum());在添加文本后调用）

推荐阅读