QT中实现折叠式按钮-Toy模板网

这篇具有很好参考价值的文章主要介绍了QT中实现折叠式按钮。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

一、实现思路

再很多应用我们都会用到折叠式按钮功能。讲一下简单思路，利用QpropertyAnimation实现动画播放，然后计算好动画的起始和结束位置，将整体布局尽心偏移，我们就能达到折叠式按钮的功能。

二、代码

本示例因项目原因我用的label实现，换成button即可。
头文件部分：

public:
bool eventFilter(QObject *obj, QEvent *event);	// 添加时间过滤器声明  label无点击事件 故需要用事件过滤的方式
private：
	QPropertyAnimation *propertyAnimation;//布局部分动画
	QPropertyAnimation *propertyAnimationlabel;//label部分动画
	bool isside_Flage = false;//折叠状态标志位

cpp部分

绑定部分

	ui.label_8->installEventFilter(this);//label安装事件过滤器
	//动画分别绑定对应的布局或控件
	propertyAnimation = new QPropertyAnimation(ui.tabWidget, "geometry");
	propertyAnimation->setEasingCurve(QEasingCurve::InOutQuint);
	propertyAnimation->setDuration(300);
	
	propertyAnimationlabel = new QPropertyAnimation(ui.label_8, "geometry");
	propertyAnimationlabel->setEasingCurve(QEasingCurve::InOutQuint);
	propertyAnimationlabel->setDuration(300);

实现部分

bool videoshowi::eventFilter(QObject * obj, QEvent * event)
{
	Q_UNUSED(event)
	if (obj == ui.label_8)//指定某个QLabel
	{
		if (event->type() == QEvent::MouseButtonPress) //鼠标点击
		{
			QMouseEvent *mouseEvent = static_cast<QMouseEvent*>(event); // 事件转换

			if (mouseEvent->button() == Qt::LeftButton)
			{
				if (!isside_Flage)//折叠
				{
					propertyAnimation->setStartValue(QRect(this->rect().width(), ui.tabWidget->geometry().topLeft().y(), ui.tabWidget->width(), ui.tabWidget->height()));
					propertyAnimation->setEndValue(QRect(this->rect().width(), ui.tabWidget->geometry().topLeft().y(), ui.tabWidget->width(), ui.tabWidget->height()));
					propertyAnimation->start();
					propertyAnimationlabel->setStartValue(QRect(this->rect().width() - ui.label_8->width(), ui.label_8->geometry().topLeft().y(), ui.label_8->width(), ui.label_8->height()));
					propertyAnimationlabel->setEndValue(QRect(this->rect().width() - ui.label_8->width(), ui.label_8->geometry().topLeft().y(), ui.label_8->width(), ui.label_8->height()));
					propertyAnimationlabel->start();
					isside_Flage = !isside_Flage;
					return true;
				}
				else//回复
				{
					propertyAnimation->setStartValue(QRect(this->rect().width()- (ui.tabWidget->geometry().topRight().x()- ui.tabWidget->geometry().topLeft().x()), ui.tabWidget->geometry().topLeft().y(), ui.tabWidget->width(), ui.tabWidget->height()));
					propertyAnimation->setEndValue(QRect(this->rect().width() - (ui.tabWidget->geometry().topRight().x() - ui.tabWidget->geometry().topLeft().x()), ui.tabWidget->geometry().topLeft().y(), ui.tabWidget->width(), ui.tabWidget->height()));
					propertyAnimation->start();
					propertyAnimationlabel->setStartValue(QRect(this->rect().width() - ui.label_8->width()- (ui.tabWidget->geometry().topRight().x() - ui.tabWidget->geometry().topLeft().x()), ui.label_8->geometry().topLeft().y(), ui.label_8->width(), ui.label_8->height()));
					propertyAnimationlabel->setEndValue(QRect(this->rect().width() - ui.label_8->width()- (ui.tabWidget->geometry().topRight().x() - ui.tabWidget->geometry().topLeft().x()), ui.label_8->geometry().topLeft().y(), ui.label_8->width(), ui.label_8->height()));
					propertyAnimationlabel->start();
					isside_Flage = !isside_Flage;
					return true;
				}

			}
			else
			{
				return false;
			}
		}
		else
		{
			return false;
		}
	}
	else
	{
		// pass the event on to the parent class
		return QWidget::eventFilter(obj, event);
	}
}