【Qt】交由用户自定义布局并记录

已于 2023-06-30 16:45:39 修改
阅读量276 收藏 3
点赞数
分类专栏： Qt 文章标签： qt 开发语言 c++
于 2023-03-07 14:00:54 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44441135/article/details/129381181
版权

需求

1.可以自定义行数和列数。

2.可以自定义窗体占用的行数和列数。

3.可以保存用户自定义的布局。

思路

通过继承QWidget，在paintEvent事件中，根据行列数绘制 网格 单元格（cell）及区域（LOCATION）。

在mousePressEvent中获取鼠标起始点，通过计算获取起始点所在的单元格。

在mouseMoveEvent中实时获取鼠标点，通过计算获取当前点所在的单元格（cell），根据起始点所在单元格的行列数和当前点所在的单元格行列数，计算出所有跨越包含的单元格（cell）（就像是绘制矩形，有一个起始点和终点就可以得出矩形的位置和长宽。）并添加到列表中。如果其中包含的单元格在已经选定的区域（LOCATION：包含大于等于1个单元格）中，就清空当前的单元格列表。绘制效果。

在mouseRealeaseEvent中获取鼠标点，通过计算获取鼠标释放时鼠标点所在的单元格。如果此单元格在其他已经存在的区域中，则没有意义，不进行保存区域操作；如果单元格不在已经存在的区域中，且该区域内的所有单元格都不在其他已经存在的区域内，就保存当前的区域，将此区域加入区域列表中。绘制效果。

LOCATION中包含起始行和起始列，以及跨越的行数，跨域的列数。

在类中有row和column用于记录当前的总行数和总列数。并可以通过函数修改这两个值，通过更新重新绘制网格。

效果

 代码

class LayoutBox:public QWidget{
    Q_OBJECT
public:
    struct LOCATION{
        LOCATION(int _row,int _column,int _rowSpan,int _columnSpan){
            row=_row;column=_column;rowSpan=_rowSpan;columnSpan=_columnSpan;
        }
        int row=-1;
        int column=-1;
        int rowSpan=-1;
        int columnSpan=-1;
        int appID=-1;
    };
    enum MODE{
        THREE_ONE_THREE,    //3+1+3
        THREE_ONE_THREE_ONE,    //3+1+3+1
        TWO_ONE_TWO,    //2+1+2
        TWO_ONE_TWO_ONE,    //2+1+2+1
        THREE_ONE,          //3+1
    };
public:
    explicit LayoutBox(QWidget* parent=nullptr);
    ~LayoutBox();
    void clear();
    void setRow(int row);
    void setColumn(int column);
    void setDefault();
    void setMode(MODE mode);
protected:
    void resizeEvent(QResizeEvent *event) override;
    void paintEvent(QPaintEvent *event) override;
    void mousePressEvent(QMouseEvent *event)override;
    void mouseMoveEvent(QMouseEvent *event) override;
    void mouseReleaseEvent(QMouseEvent *event) override;
    void mouseDoubleClickEvent(QMouseEvent *event) override;
private:
    bool isInLoationList(LOCATION &cell);
    LOCATION getCell(QPoint pos);
    QList<QRectF> getCellRects(int startRow,int startColumn,int endRow,int endColumn);
    QRectF getCellRect(LOCATION &cell);
    QRectF getLocationRect(LOCATION &location);
    int getLocation(LOCATION &cell);
    void setLocationAppID(int index,int appID);
signals:
    void locationClickedSignal(int);
private:
    int _row=6;     //行数
    int _column=8;      //列数
    double _cellWidth=0;       //单元格宽度
    double _cellHeight=0;      //单元格高度
    int _midLine=1;         //分界线宽度
    QList<LOCATION> _locationList;      //位置列表
    LOCATION _startCell=LOCATION(-1,-1,1,1);
    bool _isStart=false;        //是否开始
    QList<QRectF> _currentRects; //当前选中的布局
};
LayoutBox::LayoutBox(QWidget* parent):QWidget(parent){}
LayoutBox::~LayoutBox(){}
void LayoutBox::clear(){
    _locationList.clear();
    _currentRects.clear();
    _isStart=false;
    update();
}
void LayoutBox::setRow(int row){
    if(row<=0){
        _row=1;
    }else if(row>50){
        _row=50;
    }else{
        _row=row;
    }
    _cellWidth=(width()-_midLine*(_column+1))/(double)_column;
    _cellHeight=(height()-_midLine*(_row+1))/(double)_row;
    clear();
}
void LayoutBox::setColumn(int column){
    if(column<=0){
        _column=1;
    }else if(column>50){
        _column=50;
    }else{
        _column=column;
    }
    _cellWidth=(width()-_midLine*(_column+1))/(double)_column;
    _cellHeight=(height()-_midLine*(_row+1))/(double)_row;
    clear();
}
void LayoutBox::setDefault(){
    _column=8;
    _row=6;
    _cellWidth=(width()-_midLine*(_column+1))/(double)_column;
    _cellHeight=(height()-_midLine*(_row+1))/(double)_row;
    clear();
}
void LayoutBox::setMode(MODE mode){
    setDefault();
    if(mode==THREE_ONE_THREE){
        _locationList<<LOCATION(0,0,2,2)<<LOCATION(2,0,2,2)<<LOCATION(4,0,2,2)<<LOCATION(0,2,6,4)<<LOCATION(0,6,2,2)<<LOCATION(2,6,2,2)<<LOCATION(4,6,2,2);
    }else if(mode==THREE_ONE_THREE_ONE){
        _locationList<<LOCATION(0,0,2,2)<<LOCATION(2,0,2,2)<<LOCATION(4,0,2,2)<<LOCATION(0,2,5,4)<<LOCATION(5,2,1,4)<<LOCATION(0,6,2,2)<<LOCATION(2,6,2,2)<<LOCATION(4,6,2,2);
    }else if(mode==TWO_ONE_TWO){
        _locationList<<LOCATION(0,0,3,2)<<LOCATION(3,0,3,2)<<LOCATION(0,2,6,4)<<LOCATION(0,6,3,2)<<LOCATION(3,6,3,2);
    }else if(mode==TWO_ONE_TWO_ONE){
        _locationList<<LOCATION(0,0,3,2)<<LOCATION(3,0,3,2)<<LOCATION(0,2,4,4)<<LOCATION(4,2,2,4)<<LOCATION(0,6,3,2)<<LOCATION(3,6,3,2);
    }else if(mode==THREE_ONE){
        _locationList<<LOCATION(0,0,2,2)<<LOCATION(2,0,2,2)<<LOCATION(4,0,2,2)<<LOCATION(0,2,6,6);
    }
    update();
}
void LayoutBox::resizeEvent(QResizeEvent *event){
    Q_UNUSED(event)
    _cellWidth=(width()-_midLine*(_column+1))/(double)_column;
    _cellHeight=(height()-_midLine*(_row+1))/(double)_row;
}
void LayoutBox::paintEvent(QPaintEvent *event){
    Q_UNUSED(event)
    QPainter painter(this);
    painter.save();
    painter.setRenderHints(QPainter::Antialiasing,true);
    painter.setPen(Qt::NoPen);
    painter.setBrush(PAINT::yellow);
    for(int i=0;i<_column+1;i++){
        QRectF rect(i*(_midLine+_cellWidth),0,_midLine,height());
        painter.drawRect(rect);
    }
    for(int i=0;i<_row+1;i++){
        QRectF rect(0,i*(_midLine+_cellHeight),width(),_midLine);
        painter.drawRect(rect);
    }
    painter.setBrush(PAINT::blue20);
    for(int i=0;i<_currentRects.length();i++){
        QRectF rect=_currentRects.at(i);
        painter.drawRect(rect);
    }
    painter.setBrush(PAINT::deepblue);
    for(int i=0;i<_locationList.size();i++){
        LOCATION location=_locationList.at(i);
        QRectF rect=getLocationRect(location);
        painter.drawRect(rect);
        if(location.appID>=0){
            painter.setPen(Qt::white);
            painter.drawText(rect,Qt::AlignCenter,QString("AppID:%1").arg(location.appID));
            painter.setPen(Qt::NoPen);
        }
    }
    painter.restore();
}
void LayoutBox::mouseDoubleClickEvent(QMouseEvent *event){
    LOCATION cell=getCell(event->pos());
    if(cell.row>=0&&cell.column>=0&&isInLoationList(cell)){
        int locationIndex=getLocation(cell);
        emit locationClickedSignal(locationIndex);
    }
}
void LayoutBox::mousePressEvent(QMouseEvent *event){
    LOCATION cell=getCell(event->pos());
    if(cell.row>=0&&cell.column>=0){
        if(!isInLoationList(cell)){
            _startCell=cell;
            _isStart=true;
        }
    }else{
        _isStart=false;
    }
}
void LayoutBox::mouseMoveEvent(QMouseEvent *event){
    if(_isStart){
        LOCATION cell=getCell(event->pos());
        if(cell.row>=0&&cell.column>=0&&!isInLoationList(cell)){
            _currentRects=getCellRects(_startCell.row,_startCell.column,cell.row,cell.column);
            update();
        }else{
            _currentRects.clear();
            update();
        }
    }else{
        _currentRects.clear();
    }
}
void LayoutBox::mouseReleaseEvent(QMouseEvent *event){
    if(_isStart){
        LOCATION cell=getCell(event->pos());
        if(cell.row>=0&&cell.column>=0&&_currentRects.length()!=0){
            int sRow=qMin(_startCell.row,cell.row);
            int eRow=qMax(_startCell.row,cell.row);
            int sColumn=qMin(_startCell.column,cell.column);
            int eColumn=qMax(_startCell.column,cell.column);
            LOCATION location(sRow,sColumn,eRow-sRow+1,eColumn-sColumn+1);
            _locationList.append(location);
            update();
        }
    }
    _isStart=false;
}
bool LayoutBox::isInLoationList(LayoutBox::LOCATION &cell){
    for(int i=0;i<_locationList.length();i++){
        LOCATION location=_locationList.at(i);
        if(location.row<=cell.row&&cell.row<=location.row+location.rowSpan-1&&location.column<=cell.column&&cell.column<=location.column+location.columnSpan-1){
            return true;
        }
    }
    return false;
}
LayoutBox::LOCATION LayoutBox::getCell(QPoint pos){
    if(pos.x()>0&&pos.x()<width()&&pos.y()>0&&pos.y()<height()){
        int column=qFloor(pos.x()/(_cellWidth+_midLine));
        int row=qFloor(pos.y()/(_cellHeight+_midLine));
        return LOCATION(row,column,1,1);
    }else{
        return LOCATION(-1,-1,1,1);
    }
}
QList<QRectF> LayoutBox::getCellRects(int startRow,int startColumn,int endRow,int endColumn){
    QList<QRectF> rects;
    int sRow=qMin(startRow,endRow);
    int eRow=qMax(startRow,endRow);
    int sColumn=qMin(startColumn,endColumn);
    int eColumn=qMax(startColumn,endColumn);
    for(int row=sRow;row<eRow+1;row++){
        for(int column=sColumn;column<eColumn+1;column++){
            LOCATION cell(row,column,1,1);
            if(isInLoationList(cell)){
                rects.clear();
                return rects;
            }else{
                QRectF rect=getCellRect(cell);
                rects.append(rect);
            }
        }
    }
    return rects;
}
QRectF LayoutBox::getCellRect(LayoutBox::LOCATION &cell){
    return QRectF(_midLine+cell.column*(_cellWidth+_midLine),_midLine+cell.row*(_cellHeight+_midLine),_cellWidth,_cellHeight);
}
QRectF LayoutBox::getLocationRect(LayoutBox::LOCATION &location){
    double sx=_midLine+location.column*(_midLine+_cellWidth);
    double sy=_midLine+location.row*(_midLine+_cellHeight);
    double w=(_midLine+_cellWidth)*location.columnSpan-_midLine;
    double h=(_midLine+_cellHeight)*location.rowSpan-_midLine;
    return QRectF(sx,sy,w,h);
}
int LayoutBox::getLocation(LOCATION &cell){
    for(int i=0;i<_locationList.length();i++){
        LOCATION location=_locationList.at(i);
        if(location.row<=cell.row&&cell.row<=location.row+location.rowSpan-1&&location.column<=cell.column&&cell.column<=location.column+location.columnSpan-1){
            return i;
        }
    }
    return -1;
}
void LayoutBox::setLocationAppID(int index, int appID){
    _locationList[index].appID=appID;
}

后语

本示例代码没有实现保存和读取，可以自行定义配置文件保存这些布局数据，在需要时加载配置数据得到效果。

卡钦斯基
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Qt之自定义布局管理器（QBorderLayout）
weixin_34038293的博客
05-27 411
简述 QBorderLayout，顾名思义-边框布局，实现了排列子控件包围中央区域的布局。 具体实现要求不再赘述，请参考前几节内容。 简述 实现 效果 源码 使用 实现 QBorderLayout主要采用QLayout和QWidgetItem实现，而窗口使用了QWidget，中央窗体使用QTextBrow...
Qt 布局
qq_45303986的博客
05-09 3837
布局有四种： Vertical Layout （QVBoxLayout） 垂直布局 Horizontal Layout （QHBoxLayout） 水平布局 Grid Layout (QGridLayout) 网格布局 From Layout (QFormLayout) 表单布局 垂直布局： 垂直布局，让布局里面的控件按照竖直方式排列 格式： 创建垂直布局 QVBoxLayout *VB=n...
Qt创建自定义View和在布局中使用自定义View的方法
May-gemini的博客
04-28 555
因为要用到IP地址的输入，想把界面做成Windows系统上IP地址输入框一样的效果，所以考虑自定义View。本文讲述如何创建和添加自定义View。
Qt : 简单介绍五种界面布局方式！（非常简单）
weixin_49297121的博客
09-16 4849
Qt提供了方便快捷的界面布局方式，包括水平布局，垂直布局，网格布局，表单布局，以及分组布局的方式，避免了手动排布的繁琐，能够覆盖大部分设计需要；
QT笔记——自定义的流式布局QFlowLayout
lion_cxq的博客
07-19 923
学习流式布局
qt用户自定义折线图表程序代码.zip
04-11
8. **自定义图表类**：为了封装和重用代码，通常会创建一个自定义的Chart类，该类继承自QGraphicsView或QGraphicsWidget，并包含数据管理、绘图逻辑和用户交互功能。 9. **布局管理**：在Qt中，使用QLayout管理窗口...
QT 自定义控件编译与使用
05-30
总之，QT自定义控件编译与使用是一项增强项目界面特性和用户体验的重要技术。理解并掌握这一过程，对于任何QT开发者来说都是必要的技能。通过上述步骤，开发者可以有效地创建、编译和整合自定义控件，以满足项目需求...
QT添加自定义控件
02-03
当QTwidget的控件不满足开发者的需求的时候，如何在QT中快捷的添加自定义控件
Qt5实现自定义标题栏
最新发布
05-08
在Qt开发中，自定义标题栏是一个常见的需求，它允许开发者根据应用的视觉风格和功能需求来定制窗口的顶部区域。Qt5作为一个强大的跨平台GUI工具包，提供了丰富的API和功能来实现这样的自定义。本篇文章将深入探讨...
Ｑｔ实现自定义树状导航栏
12-07
在QT编程中，自定义控件是提升应用界面独特性和用户体验的重要手段。"QT实现自定义树状导航栏"这个项目就是针对这一需求，通过QT的模型视图委托机制来创建一个可定制的、功能丰富的导航结构。让我们深入探讨一下其中...
Qt之自定义布局管理器（QFlowLayout）
weixin_34124651的博客
05-27 846
简述 QFlowLayout，顾名思义-流布局，实现了处理不同窗口大小的布局。根据应用窗口的宽度来进行控件放置的变化。 具体实现要求不再赘述，请参考前两节内容。 简述 实现 效果 源码 实现 QFlowLayout主要采用QLayout和QWidgetItem实现，而窗口使用了QWidget和QPushB...
Qt用户自定义布局的数据看板实现
weixin_42219627的博客
07-26 1197
Qt用户自定义布局的数据看板实现
【QT教程】QT6布局管理 QT布局管理
QT界面开发界面美化
04-08 1800
QT6布局管理概述QT6布局管理概述QT6是Qt Company发布的最新版本的Qt框架，它为软件开发者提供了用于开发跨平台应用程序的强大工具和库。在QT6中，布局管理是一个重要的组成部分，它可以帮助开发者轻松地设计和实现用户界面。布局管理器QT6提供了多种布局管理器，以适应不同的界面设计需求。主要的布局管理器包括,,水平布局管理器，用于排列水平方向上的控件。,垂直布局管理器，用于排列垂直方向上的控件。,网格布局管理器，用于创建表格形式的布局。,表单布局管理器，用于创建表单样式的布局。
Qt——布局
zhangchuan7758的博客
01-20 1万+
Qt布局介绍：水平布局、垂直布局、栅格布局、表单布局、堆栈布局
QT屏幕自适应自动布局，拖动窗口自动变大变小（一）
热门推荐
rjszcb的博客
07-27 2万+
qtQStringList用法，后面写，先记录一下。
【Qt开发笔记】Qt自定义控件开发与使用，自定义控件实现容器与控件内布局
专注Qt与C++开发
04-15 1万+
1.开发环境 Qt版本：Qt 4.8.7 编译器：MinGw 系统：Windows 2.创建Qt4自定义控件 创建一个Qt自定义控件工程。 工程名为Custom。 控件类取名Custom。 然后完成创建。 3.包含头文件与宏 此时编译出来Release版本的自定义控件放进Designer目录下仅能在Designer中拖动，在使用该控件的工程中编译将会报错，所...
Qt 布局自适应
weixin_43277501的博客
02-22 1702
Qt缩放与布局修改，适应高dpi切换
QT自定义Layout畸形布局
Mario_z的博客
09-02 1189
关于QT的自定义布局 自定义的布局形状如下 [外链图片转存失败(img-faixCPYI-1567399885458)(https://i.imgur.com/6OLPhkl.gif)] 简介   以前觉得自定义布局很难，但是亲手写了一下发现也很简单。就是继承子类化Layout。实现几个虚函数，然后再setGeometry()这个函数中计算各个子item的位置从而实现布局效果就好了。 实现    ...
qt python 自定义布局
09-05
在Qt中使用Python编写自定义布局，可以通过QLayout类的派生类来实现。 要创建自定义布局，首先需要创建一个继承自QLayout的自定义布局类。在这个类中，你需要实现布局的基本功能，包括添加、移除和布局子控件。 在这个自定义布局类中，你需要重写以下方法： 1. 添加子控件：重写addWidget()方法，用于将子控件添加到布局中。 2. 移除子控件：重写removeWidget()方法，用于从布局中移除子控件。 3. 布局子控件：重写doLayout()方法，用于指定子控件的位置和大小。 在doLayout()方法中，你可以使用子控件的geometry()方法来获取子控件的位置和大小。然后，可以使用子控件的move()和resize()方法来设置子控件的位置和大小。 最后，在你的自定义布局类中，还需要重写以下方法： 1. 计算布局大小：重写sizeHint()方法，用于计算布局的理想大小。 2. 更新布局：重写invalidate()方法，用于在布局发生变化时更新布局。 使用自定义布局时，可以将你的自定义布局类应用于QWidget或QLayout的子类。可以通过setLayout()方法将自定义布局类应用于一个QWidget或QLayout的实例。 总之，通过继承QLayout类，重写相应的方法，可以实现在Qt中使用Python自定义布局。通过自定义布局，可以更灵活地控制子控件的位置和大小，满足特定的布局需求。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值