QToolButton按下时下沉效果怎么实现？

[jinling4388]

如题，我用的是qt-everywhere-opensource-src-4.7.3，平台是Windows。
设计界面用的是Qt Designer，按钮内容是美工画的，采用背景图来实现的。不知道改变那个属性能实现按钮按下时的下沉效果？
多谢各位了！

[至善者善之敌]

帮顶。。。。画两幅图，来回切换

[jinling4388]

不是不采纳，我用Qt Designer设计的界面，你说的第一种方法我不知道在样式表里怎么设置？

我希望最好直接用Designer来实现，我用它画的界面在.h文件里没办法直接修改。自动生成的如下：

add_user->setStyleSheet(QString::fromUtf8("border-image: url(:/DesignerWindow/Resources/add_user.png);"));

我希望用这种方式实现按钮按下下沉的效果。

多谢楼上2位了！

[jinling4388]

难点没有办法直接实现吗？必须要在按下时切换另外一幅图吗？

[至善者善之敌]

还有另外一种方法，自己按下按钮后对图片进行灰度之类的处理了

[jinling4388]

多谢，能给点示例吗？非常感谢！

[xxcc309]

我以前写的类似的东西，直接给你段代码作参考吧：

MyToolButton::MyToolButton(QWidget *parent, int iconsize, int btnWidth, int btnHeight, int textsize)
	: QToolButton(parent)
{
	setMouseTracking(true);
	setStyleSheet("border-style:flat;");
	setCheckable(true);

	_bHover = false;
	_bPress = false;
	setArrowType(Qt::NoArrow);

	_mouseHoverPixmap = cached(QString(":/MyQTInterface/Resources/mouse_hover.png"));
	_mousePressPixmap = cached(QString(":/MyQTInterface/Resources/mouse_press.png"));	
	_normalPixmap = cached(QString(":/MyQTInterface/Resources/mouse_disable.png"));	

	_textDirection = None;

	//计算绘制icon的rect和绘制文字的rect
	if (textsize == 0)
	{
		//不绘制文字，把icon绘制在中间
		_iconrect = QRect((btnWidth-iconsize)/ 2, (btnHeight - iconsize) / 2, iconsize, iconsize);
	}
	else
	{
		//绘制文字，需要考虑文字的高度
		_textrect = QRect(0, btnHeight - textsize, btnWidth, textsize);
		_iconrect = QRect((btnWidth-iconsize)/ 2,(btnHeight - textsize - iconsize) / 2,iconsize, iconsize);
	}
	setIconSize(QSize(iconsize,iconsize));
	setFixedSize(btnWidth,btnHeight);	
}

MyToolButton::~MyToolButton()
{

}

void MyToolButton::leaveEvent(QEvent *event)
{
	_bHover = false;
	_bPress = false;
	update();
}

void MyToolButton::enterEvent(QEvent *event)
{
	_bHover = true;
	update();
}
void  MyToolButton::mousePressEvent(QMouseEvent *event)
{
	_bHover = false;
	_bPress = true;
	update();
	QToolButton::mousePressEvent(event);
}
void  MyToolButton::mouseReleaseEvent(QMouseEvent *event)
{
	_bHover = true;
	_bPress = false;
	update();
	QToolButton::mouseReleaseEvent(event);
}
bool MyToolButton::isHover()
{
    return _bHover;
}

void MyToolButton::paintEvent(QPaintEvent *event)
{
	QPixmap drawPixmap = cached("");

	if (_bHover)
		drawPixmap = _mouseHoverPixmap;

	else if(_bPress)
		drawPixmap = _mousePressPixmap;

	else
		drawPixmap = _normalPixmap;	
	
	//绘制背景
	QPainter p(this);
	p.drawPixmap(_iconrect, drawPixmap);

	//绘制文字
	if (_textDirection == Down )
	{
		p.setPen(Qt::white);
		p.drawText(_textrect,Qt::AlignCenter, text());
	}
}

void MyToolButton::setTextDirection(TextDirection textDirection )
{
	_textDirection = textDirection;
}

void MyToolButton::setMouseHoverPixmap(QPixmap mouseHoverPixmap)
{
	_mouseHoverPixmap = mouseHoverPixmap;
}

void MyToolButton::setMousePressPixmap( QPixmap mousePressPixmap )
{ 
	_mousePressPixmap = mousePressPixmap;
}

void MyToolButton::setNormalPixmap(QPixmap normalPixmap)
{
	_normalPixmap = normalPixmap;
}

[至善者善之敌]

其实我说的第一种方法最简单，可是你又不采纳

[ws00801526]

"QToolButton{border-image: url(ui_image/b3.jpeg);border-style: flat;}" "QToolButton:pressed{border-image: url(ui_image/IMG_0010.JPG);border-style: flat;}"