类模板实现实现Qt click/hover自定义操作

42 篇文章 0 订阅

一、场景

常常会需要实现点击/hover时修改图片,可能是一个QPushButtonQLabelQToolButton……

由于Qt bug,QIcon/QSS只能实现常规态、按下态的图标切换,hover态的图片设置无效。
解决思路无非是安装事件过滤器、自定义类并重实现事件。

然而,总要为这些鸡毛蒜皮的操作“小动干戈”会让人不爽。
这里选择更通用的类模板来简化操作。

二、实现说明

  1. Q_OBJECT不能在类模板中使用,导致我们不能在模板类中设置信号。不过也不是刚需,上面的场景回调函数足够用了。

  2. 如果一定要使用信号,那么就要用一个类来代理信号的发送。
    比如下面定义了InteractiveSignalSender,只用于发送信号。
    绑定时信号发送者需要调getSignalSender()

    注意,只能通过组合的方式。如果通过多继承的方式,例如让模板类继承QObject,会出现重复继承QObject(因为WidgetType也继承自QObject),QObject不支持多重继承,会有问题。

  3. 如果需要在Qt Deigner中使用,需要提升,那么可以单独写个头文件来放入模板实例,例如:

    // InteractivePushButton.h
    #pragma once
    #include "interactiveTemplate.h"
    
    using InteractivePushButton = Interactive<QPushButton>;
    

    然后添加该头文件,选择提升为InteractivePushButton即可。

三、实现

使用例子:

ui.btnFeedback->setEnterCallback([&] { ui.btnFeedback->setIcon(QIcon(":/img/hover.png")); });
ui.btnFeedback->setLeaveCallback([&] { ui.btnFeedback->setIcon(QIcon(":/img/simple.png")); });
ui.btnFeedback->setClickCallback([&] { ui.btnFeedback->setIcon(QIcon(":/imgpressed.png")); });

connect(ui.btnFeedback->signalSender(), &InteractiveSignalSender::signalEnter, this, [] {});

模板实现如下:
InteractiveTemplate.h

#pragma once

#include <QWidget>

class InteractiveSignalSender : public QObject {
	Q_OBJECT
public:
	explicit InteractiveSignalSender(QObject *parent) : QObject(parent)
	{
	}

Q_SIGNALS:
	void signalEnter();
Q_SIGNALS:
	void signalLeave();
};

template <typename WidgetType>
class Interactive : public WidgetType {
public:
	explicit Interactive(QWidget *parent = nullptr);

	void setEnterCallback(std::function<void()> callback);

	void setLeaveCallback(std::function<void()> callback);

	void setClickCallback(std::function<void()> callback);

	InteractiveSignalSender *signalSender();

protected:
	void mousePressEvent(QMouseEvent *event) override;

	void enterEvent(QEvent *event) override;

	void leaveEvent(QEvent *event) override;
private:
	std::function<void()> m_enterCallback	= nullptr;
	std::function<void()> m_leaveCallback	= nullptr;
	std::function<void()> m_clickCallback	= nullptr;
	InteractiveSignalSender *m_signalSender = new InteractiveSignalSender(this);
	static_assert(std::is_base_of<QWidget, WidgetType>::value, "WidgetType must be a QWidget");
};

template <typename WidgetType>
Interactive<WidgetType>::Interactive(QWidget *parent) : WidgetType(parent)
{
}

template <typename WidgetType>
InteractiveSignalSender *
Interactive<WidgetType>::signalSender()
{
	return m_signalSender;
}

template <typename WidgetType>
void
Interactive<WidgetType>::setEnterCallback(std::function<void()> callback)
{
	m_enterCallback = callback;
}

template <typename WidgetType>
void
Interactive<WidgetType>::setLeaveCallback(std::function<void()> callback)
{
	m_leaveCallback = callback;
}

template <typename WidgetType>
void
Interactive<WidgetType>::setClickCallback(std::function<void()> callback)
{
	m_clickCallback = callback;
}

template <typename WidgetType>
void
Interactive<WidgetType>::mousePressEvent(QMouseEvent *event)
{
	if (m_clickCallback) {
		m_clickCallback();
	}
	WidgetType::mousePressEvent(event);
}

template <typename WidgetType>
void
Interactive<WidgetType>::enterEvent(QEvent *event)
{
	emit m_signalSender->signalEnter();
	if (m_enterCallback) {
		m_enterCallback();
	}
	WidgetType::enterEvent(event);
}

template <typename WidgetType>
void
Interactive<WidgetType>::leaveEvent(QEvent *event)
{
	emit m_signalSender->signalLeave();
	if (m_leaveCallback) {
		m_leaveCallback();
	}
	WidgetType::leaveEvent(event);
}

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
您好!Qt/C中的自定义控件是通过继承QWidget类来实现的。下面是一个简单的示例代码,展示如何创建一个自定义的按钮控件: ```cpp #include <QtWidgets> class MyButton : public QWidget { public: MyButton(QWidget* parent = nullptr) : QWidget(parent) { setFixedSize(100, 50); setMouseTracking(true); } protected: void paintEvent(QPaintEvent* event) override { QPainter painter(this); painter.setRenderHint(QPainter::Antialiasing, true); if (m_pressed) { painter.setBrush(Qt::red); } else if (m_hovered) { painter.setBrush(Qt::green); } else { painter.setBrush(Qt::blue); } painter.drawRect(rect()); } void mousePressEvent(QMouseEvent* event) override { m_pressed = true; update(); QWidget::mousePressEvent(event); } void mouseReleaseEvent(QMouseEvent* event) override { m_pressed = false; update(); QWidget::mouseReleaseEvent(event); } void enterEvent(QEvent* event) override { m_hovered = true; update(); QWidget::enterEvent(event); } void leaveEvent(QEvent* event) override { m_hovered = false; update(); QWidget::leaveEvent(event); } private: bool m_hovered = false; bool m_pressed = false; }; int main(int argc, char** argv) { QApplication app(argc, argv); MyButton button; button.show(); return app.exec(); } ``` 在这个示例中,我们创建了一个名为MyButton的自定义按钮控件。该控件基于QWidget,并重写了一些事件处理函数,例如绘制事件(paintEvent)、鼠标按下/释放事件(mousePressEvent、mouseReleaseEvent)、鼠标进入/离开事件(enterEvent、leaveEvent)等。 在paintEvent函数中,我们使用QPainter来绘制按钮的外观。根据按钮的状态(m_pressed和m_hovered),我们选择不同的颜色来绘制按钮。 在mousePressEvent和mouseReleaseEvent函数中,我们通过设置m_pressed变量来改变按钮的状态,并调用update函数来触发重绘。 在enterEvent和leaveEvent函数中,我们通过设置m_hovered变量来改变按钮的状态,并调用update函数来触发重绘。 最后,在main函数中创建了一个MyButton实例,并显示出来。 这只是一个简单的示例,您可以根据您的需求来自定义更复杂的控件。希望对您有所帮助!如果您有其他问题,请随时提问。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

barbyQAQ

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

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

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

打赏作者

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

抵扣说明:

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

余额充值