时间:2021-05-20
最近在封装一些类的时候,打算做一个窗口框架,能实现拖动、无边框、透明基本样式等功能
0x00 如何透明窗口?
第一步:开启窗口的透明层。
setWindowFlags(Qt::FramelessWindowHint); setAttribute(Qt::WA_TranslucentBackground);第二步: 重写paintEvent事件并使用QPainter画透明层。
void paintEvent(QPaintEvent *){ QPainter painter(this); painter.fillRect(this->rect(), QColor(0, 0, 0, 0x20)); }0x01 如何无边框窗口?
设置setWindowFlags(Qt::FramelessWindowHint);即可无边框窗口,但无法移动和改变大小。
0x02 如何拖拽窗口?
由于系统窗口被设置为Qt::FramelessWindowHint会导致窗口不能被拖动。通过捕获鼠标移动事件从而实现窗口移动。
void mousePressEvent(QMouseEvent *event){ if (event->button() == Qt::LeftButton) { m_startPoint = frameGeometry().topLeft() - event->globalPos(); }}void mouseMoveEvent(QMouseEvent *event){ this->move(event->globalPos() + m_startPoint);}0x03 完整代码
#include <QWidget>#include <QVBoxLayout>#include <QPushButton>#include <QPainter>#include <QMouseEvent>class TransparentWidget : public QWidget{ Q_OBJECTpublic: TransparentWidget(QWidget *parent = 0) : QWidget(parent) { setWindowTitle(QString::fromLocal8Bit("透明无边框窗口")); setFixedSize(480, 320); setWindowFlags(Qt::FramelessWindowHint); setAttribute(Qt::WA_TranslucentBackground); QPushButton *button = new QPushButton("Hello world!", this); button->setGeometry(5, 5, 80, 40); } void paintEvent(QPaintEvent *) { QPainter painter(this); painter.fillRect(this->rect(), QColor(0, 0, 0, 0x20)); } void mousePressEvent(QMouseEvent *event) { if (event->button() == Qt::LeftButton) { m_startPoint = frameGeometry().topLeft() - event->globalPos(); } } void mouseMoveEvent(QMouseEvent *event) { this->move(event->globalPos() + m_startPoint); }private: QPoint m_startPoint;};0x04 源码地址
https://github.com/aeagean/QtCustomWidget
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
无边框窗口的实现只需要一行代码即可实现this->setWindowFlags(Qt::FramelessWindowHint);代码及运行效果:无边框窗口能拖
本文实例为大家分享了Pyqt实现无边框窗口拖动及大小改变的具体代码,供大家参考,具体内容如下做个记录,绘制边框阴影可以忽略这里不是主要根据网上某位仁兄Qt的实现
边框属性操作系统支持:Windows数据类型:整数型;本属性指定窗口边框的类型。可供选择的属性值:0、无边框1、普通可调边框2、普通固定边框3、窄标题可调边框4
半透明边框实现效果:实现代码:你能看到半透明的边框吗?div{border:10pxsolidrgba(255,255,255,.5);back
今年无边框手机预期会大为流行。继乐视三款无边框ID手机发布,nubia宣布将于5月6日发布无边框旗舰--nubiaZ9之后,又有一款无边框新机将会跟大家见面,那