Qt實現(xiàn)自定義矩陣布局
更新時間：2022年08月22日 10:06:27 作者：梁光林
這篇文章主要為大家詳細介紹了Qt實現(xiàn)自定義矩陣布局，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
前言：
當界面需要同時展示多個項的時候，可能需要一個矩陣來填充數(shù)據(jù)，因為通常不知道數(shù)據(jù)項的多少，所以支持自定義行列就顯得尤為重要，
比如可能需要在一臺電腦同時顯示多個報表的數(shù)據(jù)，如果一直切換，因為無法比較各個報表的數(shù)據(jù)，難免不夠直觀，這種時候，通過矩陣布局同步顯示一般是首選方案。
效果展示：
本次采用的技術(shù)是qt，思路是通過在矩陣上布局對應的控件，以搭載數(shù)據(jù)的顯示，這樣子數(shù)據(jù)就可以放到對應的承載控件上顯示。
通過行列號的設(shè)置來隨時切換布局效果，矩陣同時支持隨主界面大小的改變而改變，以適應不同的場景需求。
主要實現(xiàn)代碼：
void MatrixLayoutWidget::onSetMatrixLayout(int row, int column, bool bIsResize)
{
? ? QSize size = _displayWall->size();
? ? int num = row*column;
? ? if (num == 0)
? ? {
? ? ? ? num = 1;
? ? ? ? row = 1;
? ? ? ? column = 1;
? ? }
? ? _row = row;
? ? _column = column;
?
? ? int labelSpace = 5;
? ? int labelWidth = size.width() / column;
? ? int labelHeigt = size.height() / row;
?
? ? if (!bIsResize)
? ? ? ? removeLabel();
?
? ? for (int i = 0; i < num; i++)
? ? {
? ? ? ? if (!bIsResize)
? ? ? ? {
? ? ? ? ? ? QLabel *label = new QLabel(this);
? ? ? ? ? ? label->setAlignment(Qt::AlignCenter);
? ? ? ? ? ? label->setStyleSheet("background-color:rgb(243,243,147)");
? ? ? ? ? ? label->resize(labelWidth - labelSpace, labelHeigt - labelSpace);
? ? ? ? ? ? _labelMap[i] = label;?? ?//注冊
?
? ? ? ? }
? ? ? ? else
? ? ? ? {
? ? ? ? ? ? QLabel *label = nullptr;
? ? ? ? ? ? auto iter = _labelMap.begin();
? ? ? ? ? ? for (; iter != _labelMap.end(); iter++)
? ? ? ? ? ? {
? ? ? ? ? ? ? ? label = iter.value();
? ? ? ? ? ? ? ? label->resize(labelWidth - labelSpace, labelHeigt - labelSpace);
? ? ? ? ? ? }
? ? ? ? }
? ? }
?
? ? for (int j = 0; j < column; j++)
? ? {
? ? ? ? for (int k = 0; k < row; k++)
? ? ? ? {
? ? ? ? ? ? int index = (row*j + k);
? ? ? ? ? ? QLabel *label = _labelMap[index];
? ? ? ? ? ? label->hide();
? ? ? ? ? ? label->move(labelWidth * j, labelHeigt * k+30);
? ? ? ? ? ? label->show();
? ? ? ? }
? ? }
? ? _displayWall->update();
}以上采用QMap來注冊管理對應的承載控件，因為后續(xù)需要對控件上的子控件進行操作，所以保存了一個索引，以表示鼠標點擊的是哪個承載控件。
通過這個思路，可以拓展很多功能，比如在對應承載控件雙擊，彈出詳細的報表數(shù)據(jù)，鼠標右鍵彈出菜單，對控件上展示的報表數(shù)據(jù)進行其他操作等。
每次擴大行列布局的時候，目前采用先去除之前的控件，再創(chuàng)建新的，不過對于非實時獲取數(shù)據(jù)并展示的需求而已不是很友好，因為用戶可能只想增加兩個新的報表，卻把之前的數(shù)據(jù)清除掉了，
所以根據(jù)業(yè)務(wù)的需求，如果增加了數(shù)據(jù)，可以在原先的map表基礎(chǔ)上再注冊新的label，然后重新遍歷即可。
void MatrixLayoutWidget::removeLabel()
{
? ? //清除
? ? auto iter = _labelMap.begin();
? ? for (; iter != _labelMap.end(); iter++)
? ? {
? ? ? ? if (iter.value()) {
? ? ? ? ? ? delete iter.value();
? ? ? ? ? ? iter.value() = nullptr;
? ? ? ? }
? ? }
? ? _labelMap.clear();
}
?
void MatrixLayoutWidget::resizeEvent(QResizeEvent *event)
{
? ? //重新計算QLable的大小
? ? if (_labelMap.count() > 0) {
? ? ? ? onSetMatrixLayout(_row, _column, true);
? ? }
}通過重寫resizeEvent事件來實現(xiàn)矩陣上的控件隨窗口的大小變化而變化。只有畫布上有矩陣的時候，才去做處理，避免不必要的麻煩。
整個代碼demo邏輯很簡單，因為可擴展性比較強，后期準備增加點新的功能，同步到github上，比如可以在每個矩陣的label上都顯示波形，或者視頻，或者圖表。
以下是所有代碼：
//.h
#ifndef MATRIXLAYOUTWIDGET_H
#define MATRIXLAYOUTWIDGET_H
?
#include <QWidget>
#include <QPushButton>
#include <QLineEdit>
#include <QLabel>
#include <QMap>
?
class MatrixLayoutWidget : public QWidget
{
? ? Q_OBJECT
?
public:
? ? MatrixLayoutWidget(QWidget *parent = nullptr);
? ? ~MatrixLayoutWidget();
?
private:
? ? void removeLabel();
? ? virtual void resizeEvent(QResizeEvent *event) override;
?
protected slots:
? ? void onSetMatrixLayout(int row, int column, bool bIsResize=false);
? ? void onMatrixLayoutDivision();
?
private:
? ? QPushButton?? ??? ?*_1x1Btn;
? ? QPushButton?? ??? ?*_2x2Btn;
? ? QPushButton?? ??? ?*_3x3Btn;
? ? QPushButton?? ??? ?*_editBtn;
? ? QLineEdit?? ??? ?*_rowEdit;
? ? QLineEdit?? ??? ?*_columnEdit;
? ? QFrame *_displayWall;
? ? QMap<quint16, QLabel *> _labelMap;
? ? int _row;?? ??? ?//行
? ? int _column;?? ?//列
};
#endif // MATRIXLAYOUTWIDGET_H
?
?
?
//cpp
#include "matrixlayoutwidget.h"
#include <QHBoxLayout>
#include <QVBoxLayout>
#include <QMessageBox>
?
MatrixLayoutWidget::MatrixLayoutWidget(QWidget *parent)
? ? : QWidget(parent)
{
? ? int controlW = 180;
? ? int controlH = 25;
?
? ? _1x1Btn = new QPushButton;
? ? _2x2Btn = new QPushButton;
? ? _3x3Btn = new QPushButton;
? ? _rowEdit = new QLineEdit;
? ? _columnEdit = new QLineEdit;
? ? _editBtn = new QPushButton;
?
? ? _1x1Btn->setObjectName("btn");
? ? _2x2Btn->setObjectName("btn");
? ? _3x3Btn->setObjectName("btn");
? ? _editBtn->setObjectName("btn");
?
? ? _1x1Btn->setFixedSize(controlW / 3, controlH);
? ? _1x1Btn->setText("1X1");
? ? _2x2Btn->setFixedSize(controlW/3, controlH);
? ? _2x2Btn->setText("2X2");
? ? _3x3Btn->setFixedSize(controlW / 3, controlH);
? ? _3x3Btn->setText("3X3");
? ? _rowEdit->setFixedSize(controlW / 2, controlH);
? ? _columnEdit->setFixedSize(controlW / 2, controlH);
? ? _editBtn->setFixedSize(controlW / 3, controlH);
? ? _editBtn->setText("Custom");
? ? //
? ? QHBoxLayout *editLayout = new QHBoxLayout;
? ? editLayout->setMargin(0);
? ? editLayout->setSpacing(0);
? ? editLayout->addWidget(new QLabel("Row:"));
? ? editLayout->addWidget(_rowEdit);
? ? editLayout->addWidget(new QLabel("X"));
? ? editLayout->addWidget(new QLabel("Column:"));
? ? editLayout->addWidget(_columnEdit);
? ? editLayout->addWidget(_editBtn);
?
? ? //
? ? QHBoxLayout *hlayout = new QHBoxLayout;
? ? hlayout->setMargin(0);
? ? hlayout->setSpacing(10);
? ? hlayout->addWidget(_1x1Btn);
? ? hlayout->addWidget(_2x2Btn);
? ? hlayout->addWidget(_3x3Btn);
? ? hlayout->addLayout(editLayout);
?
? ? _displayWall = new QFrame;
? ? _displayWall->setStyleSheet("background-color:rgb(122,125,118)");
? ? _displayWall->setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);
? ? QVBoxLayout *vhlayout = new QVBoxLayout;
? ? vhlayout->setMargin(0);
? ? vhlayout->setSpacing(5);
? ? vhlayout->addLayout(hlayout);
? ? vhlayout->addWidget(_displayWall);
?
? ? connect(_1x1Btn, SIGNAL(clicked()), this, SLOT(onMatrixLayoutDivision()));
? ? connect(_2x2Btn, SIGNAL(clicked()), this, SLOT(onMatrixLayoutDivision()));
? ? connect(_3x3Btn, SIGNAL(clicked()), this, SLOT(onMatrixLayoutDivision()));
? ? connect(_editBtn, SIGNAL(clicked()), this, SLOT(onMatrixLayoutDivision()));
?
? ? this->setLayout(vhlayout);
? ? this->setMinimumSize(400,300);
? ? onSetMatrixLayout(1, 1);
}
?
MatrixLayoutWidget::~MatrixLayoutWidget()
{
? ? removeLabel();
}
?
?
void MatrixLayoutWidget::onSetMatrixLayout(int row, int column, bool bIsResize)
{
? ? QSize size = _displayWall->size();
? ? int num = row*column;
? ? if (num == 0)
? ? {
? ? ? ? num = 1;
? ? ? ? row = 1;
? ? ? ? column = 1;
? ? }
? ? _row = row;
? ? _column = column;
?
? ? int labelSpace = 5;
? ? int labelWidth = size.width() / column;
? ? int labelHeigt = size.height() / row;
?
? ? if (!bIsResize)
? ? ? ? removeLabel();
?
? ? for (int i = 0; i < num; i++)
? ? {
? ? ? ? if (!bIsResize)
? ? ? ? {
? ? ? ? ? ? QLabel *label = new QLabel(this);
? ? ? ? ? ? label->setAlignment(Qt::AlignCenter);
? ? ? ? ? ? label->setStyleSheet("background-color:rgb(243,243,147)");
? ? ? ? ? ? label->resize(labelWidth - labelSpace, labelHeigt - labelSpace);
? ? ? ? ? ? _labelMap[i] = label;?? ?//注冊
?
? ? ? ? }
? ? ? ? else
? ? ? ? {
? ? ? ? ? ? QLabel *label = nullptr;
? ? ? ? ? ? auto iter = _labelMap.begin();
? ? ? ? ? ? for (; iter != _labelMap.end(); iter++)
? ? ? ? ? ? {
? ? ? ? ? ? ? ? label = iter.value();
? ? ? ? ? ? ? ? label->resize(labelWidth - labelSpace, labelHeigt - labelSpace);
? ? ? ? ? ? }
? ? ? ? }
? ? }
?
? ? for (int j = 0; j < column; j++)
? ? {
? ? ? ? for (int k = 0; k < row; k++)
? ? ? ? {
? ? ? ? ? ? int index = (k + row*j);
? ? ? ? ? ? QLabel *label = _labelMap[index];
? ? ? ? ? ? label->hide();
? ? ? ? ? ? label->move(labelWidth * j, labelHeigt * k+30);
? ? ? ? ? ? label->show();
? ? ? ? }
? ? }
? ? _displayWall->update();
}
?
void MatrixLayoutWidget::onMatrixLayoutDivision()
{
? ? if (sender() == _1x1Btn)
? ? {
? ? ? ? _row = 1;
? ? ? ? _column = 1;
? ? }
? ? else if (sender() == _2x2Btn)
? ? {
? ? ? ? _row = 2;
? ? ? ? _column = 2;
? ? }
? ? else if (sender() == _3x3Btn)
? ? {
? ? ? ? _row = 3;
? ? ? ? _column = 3;
? ? }
? ? else if (sender() == _editBtn)
? ? {
? ? ? ? _row = _rowEdit->text().toInt();
? ? ? ? _column = _columnEdit->text().toInt();
? ? ? ? if (_row == 0 || _column == 0) {
? ? ? ? ? ? QMessageBox::critical(this, tr("warn"), "Row or Column Is Zero", ? ? ? ? ? ? ? ? QMessageBox::Ok);
? ? ? ? ? ? return;
? ? ? ? }
? ? }
?
? ? onSetMatrixLayout(_row, _column, false);
}
?
?
void MatrixLayoutWidget::removeLabel()
{
? ? //清除
? ? auto iter = _labelMap.begin();
? ? for (; iter != _labelMap.end(); iter++)
? ? {
? ? ? ? if (iter.value()) {
? ? ? ? ? ? delete iter.value();
? ? ? ? ? ? iter.value() = nullptr;
? ? ? ? }
? ? }
? ? _labelMap.clear();
}
?
void MatrixLayoutWidget::resizeEvent(QResizeEvent *event)
{
? ? //重新計算QLable的大小
? ? if (_labelMap.count() > 0) {
? ? ? ? onSetMatrixLayout(_row, _column, true);
? ? }
}界面采用代碼繪制，比起qt設(shè)計師拖拽而已，比較方便調(diào)整，因為設(shè)計師一打破布局，再調(diào)整就很麻煩，而且也不方便復用，所以個人感覺還是代碼繪制比較舒服。
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
本文主要介紹了C++實現(xiàn)HTTP服務(wù)的示例代碼,C++ HTTP,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2025-04-04
VSCode 搭建 Arm 遠程調(diào)試環(huán)境的步驟詳解
這篇文章主要介紹了VSCode 搭建 Arm 遠程調(diào)試環(huán)境的步驟詳解,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-04-04
這篇文章主要給大家介紹了關(guān)于Qt無邊框窗口拖拽和陰影的實現(xiàn)方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-11-11
這篇文章主要為大家詳細介紹了C++基于棧的深搜算法實現(xiàn)馬踏棋盤，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-02-02
本篇文章是c語言基礎(chǔ)篇，主要講述一下常量，常量即不可被直接修改的量（const修飾的常變量可間接修改，后續(xù)文章會繼續(xù)說明）請大家持續(xù)關(guān)注腳本之家2021-10-10
在C語言中，fillpoly函數(shù)的功能是畫一個多邊形，并且把多邊形填充。填充邊框所定義的多邊形的內(nèi)部。fillpoly 函數(shù)的用法：void far fillpoly(int numpoints, int far *polypoints);。2015-10-10
本篇博客會講解C語言函數(shù)調(diào)用的2種方式，分別是：傳值調(diào)用和傳址調(diào)用。這2種函數(shù)調(diào)用方式有什么區(qū)別呢？為什么會有不同的效果呢？分別有哪些用途呢？下面就來一一展開2023-04-04
vector是向量類型,它可以容納許多類型的數(shù)據(jù),如若干個整數(shù),所以稱其為容器,這篇文章主要給大家介紹了關(guān)于C++中vector迭代器失效問題的相關(guān)資料,需要的朋友可以參考下2021-11-11
ReadDirectoryChangesW是Windows操作系統(tǒng)提供的一個函數(shù),用于監(jiān)視目錄的變化,本文主要為大家介紹了如何使用ReadDirectoryChangesW實現(xiàn)監(jiān)控目錄文件變化,需要的可以參考下2023-11-11
這篇文章主要為大家詳細介紹了C語言代碼實現(xiàn)學生成績管理系統(tǒng)，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-06-06