qt自定义标题栏

写一个qt界面程序,但是系统的标题栏太丑了,一看就像个demo,为了做的高端一点,必须去掉这个标题栏;

需要注意的几个地方,首先要将系统的标题栏隐藏掉,然后添加自己的关闭最大化最小化按钮,最后还要设置窗口的拖拽事件(因为去掉系统标题栏后不能拖拽)

 

1.隐藏系统标题栏

setWindowFlags(Qt::Window | Qt::FramelessWindowHint| windowFlags() | Qt::WindowStaysOnTopHint); //后面两个是使窗口置顶

 

2.添加自定义按钮 (关闭 最大化 最小化按钮)

在ui设计界面上添加 QPushButton按钮,属性设置 添加icon,设置flat为true(去掉边框)

//添加点击事件

connect(ui.pushButton_close, SIGNAL(clicked(bool)), SLOT(close())); //关闭

connect(ui.pushButton_minsize, SIGNAL(clicked(bool)), this, SLOT(showMinimized())); //最小化

 

3.设置拖拽事件

 

---.h中:

//窗口拖拽

bool mbKeepPressed = false;

QPoint mPntStart;

virtual void mousePressEvent(QMouseEvent* event);

virtual void mouseMoveEvent(QMouseEvent* event);

virtual void mouseReleaseEvent(QMouseEvent* event);

---.cpp中:

void QtTracker::mousePressEvent(QMouseEvent* event) {

// 鼠标左键按下事件

if (event->button() == Qt::LeftButton)

{

// 记录鼠标状态

mbKeepPressed = true;

// 记录鼠标在屏幕中的位置

mPntStart = event->globalPos();

}

}

 

void QtTracker::mouseMoveEvent(QMouseEvent* event) {

// 持续按住才做对应事件

if (mbKeepPressed)

{

// 将父窗体移动到父窗体之前的位置加上鼠标移动的位置【event->globalPos()- mPntStart】

this->move(this->geometry().topLeft() + event->globalPos() - mPntStart);

// 将鼠标在屏幕中的位置替换为新的位置

mPntStart = event->globalPos();

}

}

 

void QtTracker::mouseReleaseEvent(QMouseEvent* event) {

if (event->button() == Qt::LeftButton)

{

mbKeepPressed = false;

}

}

 

4.设置样式

//背景颜色

QPalette palette(this->palette());

palette.setColor(QPalette::Background, QColor("#297ccc"));

this->setPalette(palette);

//***设置字体

QFont font("Microsoft YaHei", 10, 75); //第一个属性是字体(微软雅黑),第二个是大小,第三个是加粗(权重是75)

QFont font2("Arial", 10, 80);

QFont font3("Microsoft YaHei", 12, 75);

QFont font4("Arial", 9, 65);

//消息 认证通过

ui.label_msg->setFont(font);

ui.label_msg->setStyleSheet("color:#458B74");

//姓名

ui.label_uname_title->setFont(font);

//身份证

ui.label_idcode_title->setFont(font);

//微信二维码

ui.label_weichart_title->setFont(font2);

//选项卡

ui.tabWidget_main->setFont(font3);

//姓名 身份证 设备状态

ui.label_uname->setFont(font4);

ui.label_idcode->setFont(font4);

ui.label_video_state->setFont(font4);

//下拉选择框

ui.comboBox_video_device->setFont(QFont("Microsoft YaHei", 8, 60));

 

 

//***设置tabWidget样式

QString tabBarStyle = "QTabBar::tab {min-width:100px;color: white;border-top-left-radius: 5px;border-top-right-radius: 5px;padding:8px;}\

QTabBar::tab:!selected {color: white;background-color:#297ccc;} \

QTabBar::tab:selected {color: #297ccc;background-color:#f2f2f2;}\

QTabBar::tab:first{margin-left:50px}\

QTabWidget::pane{}\

QTabWidget::tab-bar{margin-left:20px;}";

ui.tabWidget_main->setStyleSheet(tabBarStyle);

 

 

 

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
Qt 中,可以通过自定义 QWidget 的 paintEvent() 函数来实现自定义标题栏。具体步骤如下: 1.创建一个新的 QWidget,用于作为自定义标题栏。 2.将 QWidget 的窗口标志设置为 Qt::WindowFlags(Qt::FramelessWindowHint),这样可以去掉默认的标题栏。 3.重写 QWidget 的 paintEvent() 函数,在该函数中绘制自定义标题栏。 4.将 QWidget 设置为 QMainWindow 的标题栏,即调用 QMainWindow 的 setWindowTitle() 函数,并将其参数设置为自定义标题栏的指针。 下面是一个简单的示例代码: ``` #include <QtWidgets> // 继承 QWidget,作为自定义标题栏 class CustomTitleBar : public QWidget { public: CustomTitleBar(QWidget *parent = nullptr) : QWidget(parent) { // 设置窗口标志 setWindowFlags(Qt::FramelessWindowHint); } protected: void paintEvent(QPaintEvent *) override { QPainter painter(this); painter.fillRect(rect(), Qt::blue); painter.drawText(rect(), Qt::AlignCenter, "Custom Title Bar"); } }; int main(int argc, char *argv[]) { QApplication app(argc, argv); QMainWindow mainWindow; // 设置主窗口标题 mainWindow.setWindowTitle("Main Window"); // 创建自定义标题栏 CustomTitleBar *titleBar = new CustomTitleBar(&mainWindow); // 设置自定义标题栏为主窗口的标题栏 mainWindow.setMenuWidget(titleBar); mainWindow.show(); return app.exec(); } ``` 运行该程序,可以看到自定义的蓝色标题栏。你可以根据自己的需要修改 paintEvent() 函数,来实现各种不同样式的标题栏
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

龍林1102

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值