交互网站设计,涟源市建设局网站,dede装修网站模板,河西集团网站建设需求
最近有一个需求就是一个QTabWidget要求有四个tab页在左侧用于显示主页面#xff0c;在右侧有一个关于按钮#xff0c;点击后用于弹出窗口显示一些程序相关信息。主要是怎么实现右侧按钮
相关代码
#ifndef MYTABWIDGET_H
#define MYTABWIDGET_H#include QWidget在右侧有一个关于按钮点击后用于弹出窗口显示一些程序相关信息。主要是怎么实现右侧按钮
相关代码
#ifndef MYTABWIDGET_H
#define MYTABWIDGET_H#include QWidget
#include QTabWidget
#include QPaintEvent
#include QStyleOptionButton
#include QPushButton
#include QRect
#include QPainter
#include QStyle
#include QMouseEventclass MyTabWidget : public QTabWidget
{Q_OBJECT
public:explicit MyTabWidget(QWidget *parent nullptr);~MyTabWidget();
signals:void clickHelp();
protected://重绘void paintEvent(QPaintEvent *event);//hover状态控制void mouseMoveEvent(QMouseEvent *event);//hover状态控制void leaveEvent(QEvent *event);//点击状态控制void mousePressEvent(QMouseEvent *event);//点击状态控制void mouseReleaseEvent(QMouseEvent *event);
private:QPushButton *m_pushButton nullptr;//用于辅助绘制按钮将会使用此按钮的样式表QStyleOptionButton m_optionButton;//绘制按钮用于控制按钮状态按钮位置等bool m_isPressed false;//按下标志位bool m_isReleased false;//松开标志位
};#endif // MYTABWIDGET_H
#include MyTabWidget.h
#include QDebugMyTabWidget::MyTabWidget(QWidget *parent) : QTabWidget(parent)
{setAttribute(Qt::WA_StyledBackground);setMouseTracking(true);//不要给按钮指定父亲指定父亲后此按钮会默认显示在父对象上。在析构函数中将它给delete掉防止内存泄漏m_pushButton new QPushButton;m_optionButton.text QStringLiteral(帮助);m_optionButton.state | QStyle::State_Enabled;//使用样式表来控制按钮的外观更加方便m_pushButton-setStyleSheet(QPushButton{border:1px solid #adadad;background-color:#e1e1e1} QPushButton:hover{border:1px solid #0078d7;background-color:#e5f1fb}QPushButton::pressed{border:1px solid #00559b; background-color:#cde4f7});
}MyTabWidget::~MyTabWidget()
{delete m_pushButton;m_pushButton nullptr;
}void MyTabWidget::paintEvent(QPaintEvent *event)
{QTabWidget::paintEvent(event);QPainter painter(this);m_optionButton.rect QRect(event-rect().topRight().x() - 41, event-rect().topRight().y() 2, 40, 17);//m_pushButton-style()使用按钮的style()接口来绘制是非常重要的m_pushButton-style()-drawControl(QStyle::CE_PushButton, m_optionButton, painter, m_pushButton);
}void MyTabWidget::mouseMoveEvent(QMouseEvent *event)
{QTabWidget::mouseMoveEvent(event);QRect rect QRect(this-rect().topRight().x() - 41, this-rect().topRight().y() 2, 40, 17);if(rect.contains(event-pos())){m_optionButton.state | QStyle::State_MouseOver;this-repaint();}else{m_optionButton.state ~QStyle::State_MouseOver;this-repaint();}
}void MyTabWidget::leaveEvent(QEvent *event)
{QTabWidget::leaveEvent(event);m_optionButton.state ~QStyle::State_MouseOver;this-repaint();
}void MyTabWidget::mousePressEvent(QMouseEvent *event)
{QTabWidget::mousePressEvent(event);QRect rect QRect(this-rect().topRight().x() - 41, this-rect().topRight().y() 2, 40, 17);if(rect.contains(event-pos())){//QStyle::State_Sunken 也就是按钮按下的状态m_optionButton.state | QStyle::State_Sunken;this-repaint();m_isPressed true;}
}void MyTabWidget::mouseReleaseEvent(QMouseEvent *event)
{QTabWidget::mouseReleaseEvent(event);QRect rect QRect(this-rect().topRight().x() - 41, this-rect().topRight().y() 2, 40, 17);if(rect.contains(event-pos()) m_isPressed){m_isReleased true;emit clickHelp();m_isPressed false;m_isReleased false;m_optionButton.state ~QStyle::State_Sunken;this-repaint();}else{m_isPressed false;m_optionButton.state ~QStyle::State_Sunken;this-repaint();}
}
效果展示
