devbox
繁依Fanyi0
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

Qt去掉自带边框后实现窗口拉伸缩放

作者：繁依Fanyi0 | 2024-02-16 16:00:25

赞

踩

Qt去掉自带边框后实现窗口拉伸缩放

目录

一.背景描述

二.实现原理

三.具体实现

    3.1 窗口布局调整

    3.2 启用鼠标跟踪

3.3 记录鼠标按下状态及所属区域

3.4 计算鼠标所属区域

3.5 根据鼠标所属区域改变鼠标图标

3.6 跟随鼠标的移动实时改变窗口尺寸

四. 完整项目

一.背景描述

        在实际开发当中，很少会直接用Qt自带的边框，经常是去掉自带的边框，然后重新使用部件+底图来构建带有企业产品特征的边框。

        然而去掉了Qt自带的边框后，随之也去掉了自带的窗口拉伸缩放功能，这就导致了在产品使用过程中失去了一定了灵活性。为此，需要我们重新实现该功能。在本文中将详细介绍如何通过代码来实现窗口的拉伸缩放功能。

图(1)

二.实现原理

        从Qt原生边框中自带的拉伸缩放功能使用中，我们可以大概猜测到其基本的实现原理，就是当鼠标靠近四边、四个角时，会对鼠标的形状进行改变，如果此时按下鼠标左键即可锁定需要调整的边框，在进行拖动拖动时便会对窗口的大小进行调整。同样，我们在进行重新实现拉伸缩放时，也是参照该逻辑进行实现。

        如图(2)，根据虚线将窗口划分为9个区域，当鼠标移动到各区域时，将修改鼠标图标，此时如果按下鼠标左键，将所动需要调整的区域边框，然后进行拖动以调整锁定边框，即实现窗口拉伸缩放功能。

图(2)

三.具体实现

    3.1 窗口布局调整

        如果新建的是MainWindow类型的窗口，则先把自带的菜单栏、状态栏等去掉，即把图(3)中框选的部件Delete掉。

图(3)

        然后根据项目设计图自行添加控件进行布局，如图(3)所示。在本项目中主要讲解的都是自主实现窗口拉伸缩放功能，因此只进行了简单布局，大家可以根据各自项目需要进行布局。

图(3)

        注意：在去掉自带边框后至少需要手动实现一个关闭窗口的按钮，不然窗口无法正常关闭。

    3.2 启用鼠标跟踪

        在移动鼠标时需要实时判断鼠标所在区域，因此对该窗口及其相关子部件进行设置启用鼠标跟踪，否则将无法实时根据鼠标所在区域进行鼠标图标进行切换。

  1. // 对窗口及其子部件进行启用鼠标跟踪 
  2. QObjectList child_object_list = ui.centralWidget->children();
  3.   for (auto child_object : child_object_list) {
  4.     if (child_object->isWidgetType()) { ((QWidget*)child_object)->setMouseTracking(true); }
  5.   }
  6.   ui.centralWidget->setMouseTracking(true);
  7.   setMouseTracking(true);

3.3 记录鼠标按下状态及所属区域

        在按下鼠标时进行记录鼠标的状态，以及当前所在区域，以便后续进行边界拖动时根据不同情况来重新计算窗口位置大小。

  1.     // 记录鼠标左键按下状态及所属区域
  2. 	is_left_button_pressed_ = true;
  3. 	cur_region_index_ = CalculateBorderIndex(event->pos());

3.4 计算鼠标所属区域

        根据鼠标所在位置进行边界归属计算，在本demo中的计算均留有余量，可避免鼠标拖动边界过程中发生鼠标形状对应不上情况。

  1. CustomStretchWindow::BorderIndex CustomStretchWindow::CalculateBorderIndex(QPoint pos) {
  2. 	BorderIndex region_index = BORDER_NONE;
  3.  
  4. 	int offset = 5;
  5. 	auto x = pos.x();
  6. 	auto y = pos.y();
  7. 	auto w = this->width();
  8. 	auto h = this->height();
  9. 	if (y <= offset && x > offset && x < w - offset) {
  10. 		region_index = BORDER_TOP;
  11. 	}
  12. 	else if (x <= offset && y > offset && y < h - offset) {
  13. 		region_index = BORDER_LEFT;
  14. 	}
  15. 	else if (x >= w - offset && y > offset && y < h - offset) {
  16. 		region_index = BORDER_RIGHT;
  17. 	}
  18. 	else if (y >= h - offset && x > offset && x < w - offset) {
  19. 		region_index = BORDER_BOTTOM;
  20. 	}
  21. 	else if (x >= -offset && x < offset && y >= -offset && y < offset) {
  22. 		region_index = BORDER_TOP_LEFT;
  23. 	}
  24. 	else if (x > w - offset && x <= w + offset && y >= -offset && y < offset) {
  25. 		region_index = BORDER_TOP_RIGHT;
  26. 	}
  27. 	else if (x >= -offset && x < offset && y > h - offset && y <= h + offset) {
  28. 		region_index = BORDER_BOTTOM_LEFT;
  29. 	}
  30. 	else if (x > w - offset && x <= w + offset && y > h - offset && y <= h + offset) {
  31. 		region_index = BORDER_BOTTOM_RIGHT;
  32. 	}
  33.  
  34. 	return region_index;
  35. }

3.5 根据鼠标所属区域改变鼠标图标

        当鼠标移动到不同区域时需要实时的进行鼠标图标切换，不然画面看着有点尬。

  1. void CustomStretchWindow::SetCursorByRegoinIndex(BorderIndex region_index) {
  2.   switch (region_index) {
  3.     case BORDER_TOP:
  4.     case BORDER_BOTTOM:
  5.       this->setCursor(Qt::SizeVerCursor);
  6.       break;
  7.     case BORDER_LEFT:
  8.     case BORDER_RIGHT:
  9.       this->setCursor(Qt::SizeHorCursor);
  10.       break;
  11.     case BORDER_TOP_LEFT:
  12.     case BORDER_BOTTOM_RIGHT:
  13.       this->setCursor(Qt::SizeFDiagCursor);
  14.       break;
  15.     case BORDER_TOP_RIGHT:
  16.     case BORDER_BOTTOM_LEFT:
  17.       this->setCursor(Qt::SizeBDiagCursor);
  18.       break;
  19.     default:
  20.       this->setCursor(Qt::ArrowCursor);
  21.       break;
  22.   }
  23. }

3.6 跟随鼠标的移动实时改变窗口尺寸

        在鼠标拖动窗口边框时，需要根据不同的情况来重新计算窗口的尺寸和位置，拖动的是右、下相关边界时只需要改变尺寸即可，位置不用改变；但是当拖动的是左、上相关边界时就需要同时改变窗口的位置了，因为窗口起始点不一样了。

  1.       switch (cur_region_index_) {
  2.         case BORDER_TOP: {
  3.           wid.setTop(wid.bottom() - global_pos.y() > min_height ? global_pos.y() : wid.top());
  4.           setGeometry(wid);
  5.         } break;
  6.         case BORDER_TOP_LEFT: {
  7.           wid.setTop(wid.bottom() - global_pos.y() > min_height ? global_pos.y() : wid.top());
  8.           wid.setLeft(wid.right() - global_pos.x() > min_width ? global_pos.x() : wid.left());
  9.           setGeometry(wid);
  10.         } break;
  11.         case BORDER_TOP_RIGHT: {
  12.           wid.setTop(wid.bottom() - global_pos.y() > min_height ? global_pos.y() : wid.top());
  13.           wid.setRight(global_pos.x() - wid.left() > min_width ? global_pos.x() : wid.left() + min_width - 1);
  14.           setGeometry(wid);
  15.         } break;
  16.         case BORDER_LEFT: {
  17.           wid.setLeft(wid.right() - global_pos.x() > min_width ? global_pos.x() : wid.left());
  18.           setGeometry(wid);
  19.         } break;
  20.         case BORDER_RIGHT: {
  21.           width = this->width() - (this->width() - local_pos.x());
  22.           this->resize(width, height);
  23.         } break;
  24.         case BORDER_BOTTOM: {
  25.           height = this->height() - (this->height() - local_pos.y());
  26.           this->resize(width, height);
  27.         } break;
  28.         case BORDER_BOTTOM_LEFT: {
  29.           wid.setBottom(global_pos.y() - wid.top() > min_height ? global_pos.y() : wid.bottom());
  30.           wid.setLeft(wid.right() - global_pos.x() > min_width ? global_pos.x() : wid.left());
  31.           setGeometry(wid);
  32.         } break;
  33.         case BORDER_BOTTOM_RIGHT: {
  34.           width = this->width() - (this->width() - local_pos.x());
  35.           height = this->height() - (this->height() - local_pos.y());
  36.           this->resize(width, height);
  37.         } break;
  38.         default:
  39.           break;
  40.       }

        以上即为去掉了Qt自带的边框后如何通过代码实现自定义的窗口拉伸功能的主要思路以及关键代码，有不解或说的不正确的地方可在下方评论区指出来，码字不易，如有不足之处请多担待。

四. 完整项目

        如需下载本项目完整Demo，请点击下方链接：

https://download.csdn.net/download/tormi21c/85420901icon-default.png?t=M4ADhttps://download.csdn.net/download/tormi21c/85420901        本项目是基于VS2019+QT5.15.2环境进行编写，大家可根据自身开发环境进行相应的修改，如有疑问可在评论区提出。

        各位走过路过的大侠，如觉得对您有所帮助，赏个赞呗^_^，谢谢！如有不足之处请多包含！喜欢的可以收藏加关注，后续将持续更新更多精品内容！

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/繁依Fanyi0/article/detail/94973
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号