Qt之自定义界面(实现无边框、可移动)

简介:

简述

UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性、有品位,还要让软件的操作变得舒适简单、自由,充分体现软件的定位和特点。

爱美之心人皆有之。其实软件界面就像工业造型一样,是产品的重要卖点。一个产品拥有美观的界面会给人带来舒适的视觉享受,拉近人与产品的距离,是建立在科学性之上的艺术设计。

检验一个界面的标准-既不是某个项目开发组领导的意见,也不是项目成员投票的结果,而是终端用户的感受。

所以,对于大多数商业软件或者专业产品来说,Qt的本地化样式显然已经不能满足期望,我们需要进行大量的样式美化,才能够让它更有个性、有品位。

下面我们来实现这样一个界面。

这里写图片描述

无边框

设置窗口标志为无边框

setWindowFlags(Qt::FramelessWindowHint | windowFlags());

关于WindowFlags枚举值很多,其中有一个WindowStaysOnTopHint,可以让窗体位于所有界面之上,类似于QQ主面板,一打开就在所有软件之上-比较霸道。

设置无边框之后,窗体是无法移动的,下面我们介绍两种方式来进行移动。

可移动

Qt事件

// 鼠标相对于窗体的位置 event->globalPos() - this->pos()
void Widget::mousePressEvent(QMouseEvent *event)
{
    if (event->button() == Qt::LeftButton)
    {
        m_bPressed = true;
        m_point = event->pos();
    }
}

// 若鼠标左键被按下,移动窗体位置
void Widget::mouseMoveEvent(QMouseEvent *event)
{
    if (m_bPressed)
        move(event->globalPos() - m_point);
}

// 设置鼠标未被按下
void Widget::mouseReleaseEvent(QMouseEvent *event)
{
    Q_UNUSED(event);

    m_bPressed = false;
}

Win API

包含头文件与需要用到的库

#ifdef Q_OS_WIN
#pragma comment(lib, "user32.lib")
#include <qt_windows.h>
#endif

发送系统消息,进行移动

void Widget::mousePressEvent(QMouseEvent *event)
{
#ifdef Q_OS_WIN
    if (ReleaseCapture())
           SendMessage(HWND(winId()), WM_SYSCOMMAND, SC_MOVE + HTCAPTION, 0);
       event->ignore();
#else
#endif
}
相关文章
|
6月前
|
存储
Qt无边框窗口可拖动
Qt无边框窗口可拖动
|
计算机视觉
Qt实用技巧:仅去掉标题栏,保持对话框边框
Qt实用技巧:仅去掉标题栏,保持对话框边框
Qt无边框窗口拖拽和阴影
无边框窗口的实现
439 0
Qt无边框窗口拖拽和阴影
QT软件开发: QGraphicsView设置无边框背景透明
QT软件开发: QGraphicsView设置无边框背景透明
705 0
QT软件开发: QGraphicsView设置无边框背景透明
纯源码实现Qt无边框窗口FramelessWidget:可移动+可改大小
纯源码实现Qt无边框窗口FramelessWidget:可移动+可改大小
269 0
|
程序员 开发工具 C语言
Qt编写自定义控件67-通用无边框
一、前言 在之前的一篇文章中写过一个通用的移动控件,作用就是用来传入任意的widget控件,可以在父类容器中自由移动。本篇文章要写的是一个通用的无边框类,确切的说这不叫控件应该叫组件才对,控件是要看得见的东西,有绘制需求的,而这个需要依附在控件上。
954 0
|
Linux
Qt QGroupBox StyleSheet 边框设置
/**************************************************************************** * Qt QGroupBox StyleSheet 边框设置 * 声明: * 之前陈颖奇问到这个效果要怎么做出来,查了点资料后直接给他了,自己没有 * 进行相关测试,现在貌似自己要用到这个功能,于是再次查资料并自己验证其功能 * 效果。
1840 0
|
自然语言处理 API 数据格式
【Qt编程】基于Qt的词典开发系列&lt;五&gt;--无边框窗口的拖动
       在上一篇文章中,我们讲述了如何进行无边框窗口的缩放与拖动,而在一些情况下,我们的窗口只需要进行拖动也不需要改变其大小,比如:QQ的登录窗口。
1180 0
|
自然语言处理 API 数据格式
【Qt编程】基于Qt的词典开发系列&lt;四&gt;--无边框窗口的缩放与拖动
        在现在,绝大多数软件都向着简洁,时尚发展。就拿有道的单词本和我做的单词本来说,绝大多数用户肯定喜欢我所做的单词本(就单单界面,关于颜色搭配和布局问题,大家就不要在意了)。
1353 0