本文介绍如何在Qt应用程序中实现控件获得焦点时背景高亮的效果，提供了两种方法：一是通过重写控件的焦点事件，二是利用事件过滤器。同时还探讨了自定义QPushButton的行为。
方法一：
描述：一开始我要实现的目的就是，在一个窗体上有多个可编辑控件（比如QLineEdit、QTextEdit等），当哪个控件获得焦点，哪个控件的背景就高亮用来起提示作用，查了下文档应该用focusInEvent()和focusOutEvent(), 在实际过程中，我犯了十分严重的错误，最开始的时候我是这样做的：我重写了窗体QWidget的这两个函数，然后再在函数体中把QFocusEvent事件传递给窗体上的QLineEdit控件:
void Widget::focusInEvent(QFocusEvent *event)
{
QLineEdit::focusInEvent(event);
.....
}
编译的时候报错，说是没有调用对象什么的，后来问了下朋友才得到了完美的答案：
既然是要控件得到焦点改变动作，则应该重写该控件的focusInEvent()和focusOutEvent(),即重写QLineEdit类，再重新定义这两个处理函数，然后再在主程序中，include 我们自己重写的QLineEdit头文件，具体代码如下：
// MYLINEEDIT_H
#ifndef MYLINEEDIT_H
#define MYLINEEDIT_H
#include <QLineEdit>
class MyLineEdit : public QLineEdit
{
Q_OBJECT
public:
MyLineEdit(QWidget *parent=0);
~MyLineEdit();
protected:
virtual void focusInEvent(QFocusEvent *e);
virtual void focusOutEvent(QFocusEvent *e);
};
#endif // MYLINEEDIT_H
`
//myLineEdit.cpp
#include "myLineEdit.h"
MyLineEdit::MyLineEdit(QWidget *parent):QLineEdit(parent)
{
}
MyLineEdit::~MyLineEdit()
{
}
void MyLineEdit::focusInEvent(QFocusEvent *e)
{
QPalette p=QPalette();
p.setColor(QPalette::Base,Qt::green); //QPalette::Base 对可编辑输入框有效，还有其他类型，具体的查看文档
setPalette(p);
}
void MyLineEdit::focusOutEvent(QFocusEvent *e)
{
QPalette p1=QPalette();
p1.setColor(QPalette::Base,Qt::white);
setPalette(p1);
}
//widget.cpp
#include "widget.h"
#include "ui_widget.h"
#include "MyLineEdit.h"
#include <QGridLayout>
#include <QMessageBox>
Widget::Widget(QWidget *parent) :
QWidget(parent),
ui(new Ui::Widget)
{
ui->setupUi(this);
init();
}
Widget::~Widget()
{
delete ui;
}
void Widget::init()
{
lineEdit1=new MyLineEdit(this);
lineEdit2=new MyLineEdit(this);
gridLayout=new QGridLayout;
gridLayout->addWidget(lineEdit1,0,0);
gridLayout->addWidget(lineEdit2,1,0);
setLayout(gridLayout);
}
方法二：
前面实现了QLineEdit获得焦点高亮显示与失去焦点恢复原样的操作，是通过重新继承该类，再重构该事件函数的方式。这里要实现的功能也是一样的，而是通过另外不同的方式——事件过滤器(eventFilter)。
Qt的事件模型中提供的事件过滤功能使得一个QObject对象可以监视另一个QObject对象中的事件，通过在一个QObject对象中安装事件过滤器可以在事件到达该对象前捕获事件，从而起到监视该对象事件的效果。
实现类似功能的另一种方式是通过分别继承不同的控件类，并重构各控件的事件响应函数，但若窗体中包含大量不同的控件时，每一个控件都必须重新继承，然后分别重构不同的事件函数，实现比较复杂。事件过滤器可以实现在窗体中监视全部控件的不同事件，方便实现功能扩展。
#ifndef WIDGET_H
#define WIDGET_H
#include <QWidget>
namespace Ui {
class Widget;
}
class Widget : public QWidget
{
Q_OBJECT
public:
explicit Widget(QWidget *parent = 0);
~Widget();
public slots:
bool eventFilter(QObject *,QEvent *); //注意这里
private:
Ui::Widget *ui;
};
#endif // WIDGET_H
`
#include "widget.h"
#include "ui_widget.h"
#include <QPalette>
Widget::Widget(QWidget *parent) :
QWidget(parent),
ui(new Ui::Widget)
{
ui->setupUi(this);
ui->lineEdit1->installEventFilter(this); //在窗体上为lineEdit1安装过滤器
ui->lineEdit2->installEventFilter(this); //在窗体上为lineEdit2安装过滤器
}
Widget::~Widget()
{
delete ui;
}
bool Widget::eventFilter(QObject *watched, QEvent *event)
{
if (watched==ui->lineEdit1) //首先判断控件(这里指 lineEdit1)
{
if (event->type()==QEvent::FocusIn) //然后再判断控件的具体事件 (这里指获得焦点事件)
{
QPalette p=QPalette();
p.setColor(QPalette::Base,Qt::green);
ui->lineEdit1->setPalette(p);
}
else if (event->type()==QEvent::FocusOut) // 这里指 lineEdit1 控件的失去焦点事件
{
QPalette p=QPalette();
p.setColor(QPalette::Base,Qt::white);
ui->lineEdit1->setPalette(p);
}
}
if (watched==ui->lineEdit2) //这里来处理 lineEdit2 , 和处理lineEdit1 是一样的
{
if (event->type()==QEvent::FocusIn)
{
QPalette p=QPalette();
p.setColor(QPalette::Base,Qt::green);
ui->lineEdit2->setPalette(p);
}
else if (event->type()==QEvent::FocusOut)
{
QPalette p=QPalette();
p.setColor(QPalette::Base,Qt::white);
ui->lineEdit2->setPalette(p);
}
}
return QWidget::eventFilter(watched,event); // 最后将事件交给上层对话框
}
另外，我在一本书上看到作者有一个例子是关于动态按钮的：鼠标未按下时没有任何反应，当鼠标左键按下时图片变大，松开鼠标后又恢复原来的状态。其实这个效果和我这个例子是一个道理，也就是监听按钮的按下事件(QEvent::MouseButtonPress)和释放事件(QEvent::MouseButtonRelease)
bool EventFilter::eventFilter(QObject *watched,QEvent *event)
{
if (watched==Label1)
{
if (event->type()==QEvent::MouseButtonPress)
{
QMouseEvent *mouseEvent=static_cast<QMouseEvent *>event;
if (mouseEvent->buttons() && Qt::LeftButton)
{ // 更换一张大一点的图片 ..........
}
if (event->type()==QEvent::MouseButtonRelease)
{ // 重新换回最初那张图片 ...........
}
return QWidget::eventFilter(watched,event);
}
/**********************重写QPushbutton
设置鼠标样式不起作用的可能原因
一般在QT开发中，使用setCursor()给控件设置鼠标的样式效果（一般是手型和箭头的切换），一般情况下，这个函数也是起作用的，但是一旦调用了全局QApplication::setOverrideCursor()设置鼠标效果后，在使用setCursor给控件设置鼠标样式就不起效果了，这是QT的机制
解决思路
目前能想到的一种解决思路就是重写控件，并重写控件鼠标的相关事件，下面以重写QPushButton为例，当然代码是从网上找的，Qt自定义按钮及不同状态下图片的切换，我参考该博客是为了实现按钮背景图片的切换，发现使用该博客，在我的电脑上会出现有的按钮进入时，会同时触发进入事件和离开事件，目前还不知道原因，所以就没使用该博客绘制按钮的图片，还是老老实实的使用setStyleSheet来设置按钮的背景图片的样式，以下是修改后的代码（注释的相关代码是设置背景图片的，我没有****用），这里还是感谢该博主提供的思路
头文件
#ifndef QTXPUSHBUTTON_H
#define QTXPUSHBUTTON_H
#include <QPushButton>
//有的按钮进入按钮时，会同时触发进入事件和离开事件，暂时不知道啥原因（BUG），图片样式使用样式表设置
//不在各个事件里设置图片,目前只用于设置鼠标样式
class QtXPushButton : public QPushButton
{
Q_OBJECT
public:
enum XBUTTONSTATE
{
NORMAL = 0X01,//正常状态
HOVER = 0X02,//鼠标滑过状态
SELECTED = 0X04,//选中状态
DISABLE = 0X08//禁止点击状态
};
QtXPushButton(QString strImagePath="", QWidget *parent = nullptr);
~QtXPushButton();
//设置正常图标
void SetNormalPixmap(QString strImagePath);
//设置鼠标滑动图片
void SetHoverPixmap(QString strImagePath);
//设置选中状态图片
void SetSelectedPixmap(QString strImagePath);
//设置禁止点击图标
void SetDisablePixmap(QString strImagePath);
//设置按钮当前状态
void SetBtnState(XBUTTONSTATE state);
//设置图片大小
void SetSize(QSize sz);
protected:
virtual void paintEvent(QPaintEvent *event);
virtual void enterEvent(QEvent *event);
virtual void mouseReleaseEvent(QMouseEvent *event);
virtual void mousePressEvent(QMouseEvent *event);
virtual void leaveEvent(QEvent *event);
private:
QtXPushButton(const QtXPushButton& btn);
QtXPushButton& operator=(const QtXPushButton& btn);
private:
QPixmap m_NormalPix;//正常图标
QPixmap m_HoverPix;//鼠标滑动图标
QPixmap m_SelectedPix;//选中状态图标
QPixmap m_DisablePix;//禁止点击图标
//包含1则启动正常图标，包含2启用滑动图标，
//包含4启用选中状态图标，包含8启用禁止点击图标，默认标为1.
int m_iMask;
XBUTTONSTATE m_curState;//当前状态
XBUTTONSTATE m_lastState;//上一次状态
};
#endif // QTXPUSHBUTTON_H
cpp
#include <QBitmap>
#include <QPainter>
#include <QDebug>
#include <QStyleOption>
#include <QApplication>
#include "qtxpushbutton.h"
QtXPushButton::QtXPushButton(QString strImagePath, QWidget *parent)
:QPushButton(parent)
{
// m_NormalPix.load(strImagePath);
// setFixedSize(m_NormalPix.size());
// setMask(QBitmap(m_NormalPix.mask()));
// m_iMask = XBUTTONSTATE::NORMAL;
// m_curState = XBUTTONSTATE::NORMAL;
// m_lastState = XBUTTONSTATE::NORMAL;
}
QtXPushButton::~QtXPushButton()
{
}
void QtXPushButton::SetNormalPixmap(QString strImagePath)
{
m_NormalPix.load(strImagePath);
m_iMask |= XBUTTONSTATE::NORMAL;
}
void QtXPushButton::SetHoverPixmap(QString strImagePath)
{
m_HoverPix.load(strImagePath);
m_iMask |= XBUTTONSTATE::HOVER;
}
void QtXPushButton::SetSelectedPixmap(QString strImagePath)
{
m_SelectedPix.load(strImagePath);
m_iMask |= XBUTTONSTATE::SELECTED;
}
void QtXPushButton::SetDisablePixmap(QString strImagePath)
{
m_DisablePix.load(strImagePath);
m_iMask |= XBUTTONSTATE::DISABLE;
}
void QtXPushButton::SetBtnState(QtXPushButton::XBUTTONSTATE state)
{
m_lastState = m_curState;
m_curState = state;
}
void QtXPushButton::SetSize(QSize sz)
{
m_NormalPix = m_NormalPix.scaled(sz);
int iValue = m_iMask&XBUTTONSTATE::HOVER;
if (iValue != 0)
{
m_HoverPix = m_HoverPix.scaled(sz);
}
iValue = m_iMask&XBUTTONSTATE::SELECTED;
if (iValue != 0)
{
m_SelectedPix = m_SelectedPix.scaled(sz);
}
iValue = m_iMask&XBUTTONSTATE::DISABLE;
if (iValue != 0)
{
m_DisablePix = m_DisablePix.scaled(sz);
}
}
void QtXPushButton::paintEvent(QPaintEvent *event)
{
//需要在paintEvent添加以下代码，否则设置按钮的样式表不起效果
QStyleOption o;
o.initFrom(this);
QPainter p(this);
style()->drawPrimitive(QStyle::PE_Widget, &o, &p, this);
// QPixmap drawPix;
// if (m_curState == XBUTTONSTATE::NORMAL)
// {
// drawPix = m_NormalPix;
// }
// else if (m_curState == XBUTTONSTATE::HOVER)
// {
// int iValue = m_iMask&XBUTTONSTATE::HOVER;
// drawPix = (0 == iValue) ? m_NormalPix : m_HoverPix;
// }
// else if (m_curState == XBUTTONSTATE::SELECTED)
// {
// int iValue = m_iMask&XBUTTONSTATE::SELECTED;
// drawPix = (0 == iValue) ? m_NormalPix : m_SelectedPix;
// }
// else if (m_curState == XBUTTONSTATE::DISABLE)
// {
// int iValue = m_iMask&XBUTTONSTATE::DISABLE;
// drawPix = (0 == iValue) ? m_NormalPix : m_DisablePix;
// }
// QPainter painter(this);
// painter.drawPixmap(0, 0, drawPix);
}
void QtXPushButton::enterEvent(QEvent *event)
{
QApplication::setOverrideCursor(Qt::PointingHandCursor);
// SetBtnState(XBUTTONSTATE::HOVER);
QPushButton::enterEvent(event);
// update();
}
void QtXPushButton::mouseReleaseEvent(QMouseEvent *event)
{
QApplication::setOverrideCursor(Qt::ArrowCursor);
// m_curState =XBUTTONSTATE::NORMAL;
QPushButton::mouseReleaseEvent(event);
// update();
}
void QtXPushButton::mousePressEvent(QMouseEvent *event)
{
QApplication::setOverrideCursor(Qt::PointingHandCursor);
// SetBtnState(XBUTTONSTATE::SELECTED);
QPushButton::mousePressEvent(event);
// update();
}
void QtXPushButton::leaveEvent(QEvent *event)
{
QApplication::setOverrideCursor(Qt::ArrowCursor);
// m_curState =XBUTTONSTATE::NORMAL;
QPushButton::leaveEvent(event);
// update();
}
QtXPushButton &QtXPushButton::operator=(const QtXPushButton &btn)
{
return *this;
}
扫一扫
1865
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
