C/C++ Qt StatusBar 底部狀態列應用

lyshark發表於2021-12-03

Qt窗體中預設會附加一個QstatusBar元件,狀態列元件位於主窗體的最下方,其作用是提供一個工具提示功能,當程式中有提示資訊是可以動態的顯示在這個區域內,狀態列元件內可以增加任何Qt中的通用元件,只需要通過addWidget函式動態追加即可引入到底部,底部狀態列在實際開發中應用非常普遍,以下程式碼是對該元件基本使用方法的總結。

首先我們通過new新增3個QLabel元件,並將該元件依次排列在底部狀態列內,實現程式碼如下所示:

#include "mainwindow.h"
#include "ui_mainwindow.h"
#include <QLabel>

MainWindow::MainWindow(QWidget *parent) : QMainWindow(parent), ui(new Ui::MainWindow)
{
    ui->setupUi(this);

    // 初始化狀態列
    QLabel *labCellIndex = new QLabel("當前座標: 0.0",this);
    labCellIndex->setMinimumWidth(250);

    QLabel *labCellType=new QLabel("單元格型別: null",this);
    labCellType->setMinimumWidth(200);

    QLabel *labStudID=new QLabel("學生ID: 0",this);
    labStudID->setMinimumWidth(200);

    // 將初始化的標籤新增到底部狀態列上
    ui->statusBar->addWidget(labCellIndex);
    ui->statusBar->addWidget(labCellType);
    ui->statusBar->addWidget(labStudID);
}

MainWindow::~MainWindow()
{
    delete ui;
}

執行程式碼效果如下:

QLabel元件除了可以增加提示資訊以外,通過設定setOpenExternalLinks可以將這個元件設定為以連結形式出現,有利於我們增加網頁跳轉等功能。

#include "mainwindow.h"
#include "ui_mainwindow.h"
#include <QLabel>

MainWindow::MainWindow(QWidget *parent) : QMainWindow(parent), ui(new Ui::MainWindow)
{
    ui->setupUi(this);

    // 隱藏狀態列下方三角形
    ui->statusBar->setSizeGripEnabled(false);

    // 新增標籤欄
    QLabel *label_url = new QLabel(this);
    QLabel *label_about = new QLabel(this);

    // 配置連線
    label_url->setFrameStyle(QFrame::Box | QFrame::Sunken);
    label_url->setText(tr("<a href=\"https://lyshark.cnblogs.com\">訪問主頁</a>"));
    label_url->setOpenExternalLinks(true);

    label_about->setFrameStyle(QFrame::Box | QFrame::Sunken);
    label_about->setText(tr("<a href=\"https://lyshark.cnblogs.com\">關於我</a>"));
    label_about->setOpenExternalLinks(true);

    // 將資訊增加到底部(永久新增)
    ui->statusBar->addPermanentWidget(label_url);
    ui->statusBar->addPermanentWidget(label_about);
}

MainWindow::~MainWindow()
{
    delete ui;
}

執行程式碼效果如下:

同理,只要是通用元件都可以被安置到底部選單欄,如果我們需要增加進度條元件只需要這樣寫:

#include "mainwindow.h"
#include "ui_mainwindow.h"
#include <QLabel>
#include <QProgressBar>

QProgressBar *pro;

MainWindow::MainWindow(QWidget *parent) : QMainWindow(parent), ui(new Ui::MainWindow)
{
    ui->setupUi(this);

    pro = new QProgressBar(this);

    // 自動計算
    ui->statusBar->addPermanentWidget(pro, 1);

    // 設定進度是否顯示
    pro->setTextVisible(true);

    // 設定初始化進度位置
    pro->setValue(0);
}

MainWindow::~MainWindow()
{
    delete ui;
}

void MainWindow::on_pushButton_clicked()
{
    qint32 count = pro->value();
    count = count +10;
    pro->setValue(count);
}

執行程式碼效果如下:

接著我們增加一個tablewidget並初始化引數,tableWidget元件存在一個on_tableWidget_currentCellChanged屬性,該屬性的作用是,只要Table表格存在變化則會觸發,當使用者選擇不同的表格,我們可以將當前表格行列自動設定到狀態列中,從而實現同步狀態列訊息提示,起到時刻動態顯示的作用。

#include "mainwindow.h"
#include "ui_mainwindow.h"
#include <QLabel>
#include <QTableWidget>
#include <QTableWidgetItem>

QLabel *labCellIndex;

MainWindow::MainWindow(QWidget *parent) : QMainWindow(parent), ui(new Ui::MainWindow)
{
    ui->setupUi(this);

// ------------------------------------------------------------------------------------
// 初始化狀態列
    labCellIndex = new QLabel("當前座標: 0.0",this);
    labCellIndex->setMinimumWidth(250);

    // 將初始化的標籤新增到底部狀態列上
    ui->statusBar->addWidget(labCellIndex);

// ------------------------------------------------------------------------------------
// 填充資料,對錶格進行初始化操作
    QStringList header;
    header << "姓名" << "性別" << "年齡";

    ui->tableWidget->setColumnCount(header.size());                        // 設定表格的列數
    ui->tableWidget->setHorizontalHeaderLabels(header);                    // 設定水平頭
    ui->tableWidget->setRowCount(5);                                       // 設定總行數
    ui->tableWidget->setEditTriggers(QAbstractItemView::NoEditTriggers);   // 設定表結構預設不可編輯

    // 填充資料
    QStringList NameList;
    NameList << "lyshark A" << "lyshark B" << "lyshark C";

    QStringList SexList;
    SexList << "男" << "男" << "女";

    qint32 AgeList[3] = {22,23,43};

    // 針對獲取元素使用 NameList[x] 和使用 NameList.at(x)效果相同
    for(int x=0;x< 3;x++)
    {
        int col =0;
        // 新增姓名
        ui->tableWidget->setItem(x,col++,new QTableWidgetItem(NameList[x]));
        // 新增性別
        ui->tableWidget->setItem(x,col++,new QTableWidgetItem(SexList.at(x)));
        // 新增年齡
        ui->tableWidget->setItem(x,col++,new QTableWidgetItem( QString::number(AgeList[x]) ) );
    }
}

// 當前選擇單元格發生變化時觸發響應事件,也就是將底部狀態列標籤設定
// https://www.cnblogs.com/lyshark
void MainWindow::on_tableWidget_currentCellChanged(int currentRow, int currentColumn, int previousRow, int previousColumn)
{
    Q_UNUSED(previousRow);
    Q_UNUSED(previousColumn);

    // 顯示行與列的變化數值
    //std::cout << "currentRow = " << currentRow << " currentColumn = " << currentColumn << std::endl;
    //std::cout << "pre Row = " << previousRow << " pre Column = " << previousColumn << std::endl;

    // 獲取當前單元格的Item
    QTableWidgetItem *item = ui->tableWidget->item(currentRow,currentColumn);
    if(item == NULL)
    return;

    // 設定單元格座標
    labCellIndex->setText(QString::asprintf("當前座標: %d 行 | %d 列",currentRow,currentColumn));
}

MainWindow::~MainWindow()
{
    delete ui;
}

執行程式碼效果如下:

相關文章