使用QListWidget

时间:2019-03-21 23:13:25

标签: c++ c++11 qt5 qlistwidget qcheckbox

我正在尝试在用户界面上构建命令日志。意思是,当用户单击按钮,选中一个复选框,上传一些图像等时,基本上,每次用户与用户界面进行交互时,该操作都会记录在下面显示的QListWidget命令日志中。基本上,这是用户运行后ui的外观:

start

这是我每次用户与ui交互时都会尝试达到的目标:

command_log

以下是来自构造函数的代码段:

mainwindow.h

private:
    QListWidget *mNewTextSQLLog;

mainwindow.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的一些命令,例如,当用户使用QPushButton上传图像并且图像也显示在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来调整QPushButton的大小:

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

这是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 }");
        }
    }
}

如何实现? 非常感谢您指出正确的方向

1 个答案:

答案 0 :(得分:1)

我认为QListWidget并不是用于命令日志的正确小部件-您可能想使用QPlainTextEditQTextEdit代替。 (两者之间主要的difference是QPlainTextEdit已针对显示大量文本进行了优化,但其代价是不支持QTextEdit提供的某些更高级的文本格式设置功能)

一旦创建了这两个窗口小部件之一,则在每次添加另一个窗口小部件时只需在窗口小部件上调用appendPlainText()(或append())就可以在日志底部添加文本一行日志文本。

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

(如果您还希望日志视图自动滚动到底部以使新添加的文本可见,您还可以在添加文本后调用myCommandLogWidget->verticalScrollBar()->setValue(myCommandLogWidget->verticalScrollBar()->maximum());