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

最新推荐文章于 2024-09-24 22:39:33 发布

笨小孩要多学习

最新推荐文章于 2024-09-24 22:39:33 发布

阅读量5.9k

点赞数 13

分类专栏： QT 文章标签： qt

本文链接：https://blog.csdn.net/tormi21c/article/details/124237553

版权

QT 专栏收录该内容

5 篇文章 3 订阅

订阅专栏

本文档详细介绍了如何在去除Qt自带边框后，通过代码实现自定义窗口的拉伸缩放功能。主要涉及窗口布局调整、启用鼠标跟踪、记录鼠标状态、计算鼠标所属区域、改变鼠标图标以及根据鼠标移动实时调整窗口尺寸的实现步骤，并提供了关键代码示例。项目完整Demo可在指定链接下载，适用于VS2019+QT5.15.2环境。

摘要由CSDN通过智能技术生成

一.背景描述

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

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

二.实现原理

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

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

三.具体实现

3.1 窗口布局调整

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

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

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

3.2 启用鼠标跟踪

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

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

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

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

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

3.4 计算鼠标所属区域

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

CustomStretchWindow::BorderIndex CustomStretchWindow::CalculateBorderIndex(QPoint pos) {
	BorderIndex region_index = BORDER_NONE;

	int offset = 5;
	auto x = pos.x();
	auto y = pos.y();
	auto w = this->width();
	auto h = this->height();
	if (y <= offset && x > offset && x < w - offset) {
		region_index = BORDER_TOP;
	}
	else if (x <= offset && y > offset && y < h - offset) {
		region_index = BORDER_LEFT;
	}
	else if (x >= w - offset && y > offset && y < h - offset) {
		region_index = BORDER_RIGHT;
	}
	else if (y >= h - offset && x > offset && x < w - offset) {
		region_index = BORDER_BOTTOM;
	}
	else if (x >= -offset && x < offset && y >= -offset && y < offset) {
		region_index = BORDER_TOP_LEFT;
	}
	else if (x > w - offset && x <= w + offset && y >= -offset && y < offset) {
		region_index = BORDER_TOP_RIGHT;
	}
	else if (x >= -offset && x < offset && y > h - offset && y <= h + offset) {
		region_index = BORDER_BOTTOM_LEFT;
	}
	else if (x > w - offset && x <= w + offset && y > h - offset && y <= h + offset) {
		region_index = BORDER_BOTTOM_RIGHT;
	}

	return region_index;
}

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

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

void CustomStretchWindow::SetCursorByRegoinIndex(BorderIndex region_index) {
  switch (region_index) {
    case BORDER_TOP:
    case BORDER_BOTTOM:
      this->setCursor(Qt::SizeVerCursor);
      break;
    case BORDER_LEFT:
    case BORDER_RIGHT:
      this->setCursor(Qt::SizeHorCursor);
      break;
    case BORDER_TOP_LEFT:
    case BORDER_BOTTOM_RIGHT:
      this->setCursor(Qt::SizeFDiagCursor);
      break;
    case BORDER_TOP_RIGHT:
    case BORDER_BOTTOM_LEFT:
      this->setCursor(Qt::SizeBDiagCursor);
      break;
    default:
      this->setCursor(Qt::ArrowCursor);
      break;
  }
}

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

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

      switch (cur_region_index_) {
        case BORDER_TOP: {
          wid.setTop(wid.bottom() - global_pos.y() > min_height ? global_pos.y() : wid.top());
          setGeometry(wid);
        } break;
        case BORDER_TOP_LEFT: {
          wid.setTop(wid.bottom() - global_pos.y() > min_height ? global_pos.y() : wid.top());
          wid.setLeft(wid.right() - global_pos.x() > min_width ? global_pos.x() : wid.left());
          setGeometry(wid);
        } break;
        case BORDER_TOP_RIGHT: {
          wid.setTop(wid.bottom() - global_pos.y() > min_height ? global_pos.y() : wid.top());
          wid.setRight(global_pos.x() - wid.left() > min_width ? global_pos.x() : wid.left() + min_width - 1);
          setGeometry(wid);
        } break;
        case BORDER_LEFT: {
          wid.setLeft(wid.right() - global_pos.x() > min_width ? global_pos.x() : wid.left());
          setGeometry(wid);
        } break;
        case BORDER_RIGHT: {
          width = this->width() - (this->width() - local_pos.x());
          this->resize(width, height);
        } break;
        case BORDER_BOTTOM: {
          height = this->height() - (this->height() - local_pos.y());
          this->resize(width, height);
        } break;
        case BORDER_BOTTOM_LEFT: {
          wid.setBottom(global_pos.y() - wid.top() > min_height ? global_pos.y() : wid.bottom());
          wid.setLeft(wid.right() - global_pos.x() > min_width ? global_pos.x() : wid.left());
          setGeometry(wid);
        } break;
        case BORDER_BOTTOM_RIGHT: {
          width = this->width() - (this->width() - local_pos.x());
          height = this->height() - (this->height() - local_pos.y());
          this->resize(width, height);
        } break;
        default:
          break;
      }

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