当前位置:主页 > c/c++教程 > Qt编辑框失去焦点隐藏

Qt实现编辑框失去焦点隐藏功能

发布:2023-03-05 09:30:01 59


给大家整理一篇相关的编程文章,网友麴春燕根据主题投稿了本篇教程内容,涉及到Qt编辑框失去焦点隐藏、Qt编辑框隐藏、Qt、编辑框、Qt编辑框失去焦点隐藏相关内容,已被739网友关注,涉猎到的知识点内容可以在下方电子书获得。

Qt编辑框失去焦点隐藏

今天来为大家分享一个小功能,首先看实现的效果吧~

功能讲解

QLineEdit控件进行文本编辑,点击保存按钮后,隐藏编辑框和保存按钮,仅展示编辑内容,当鼠标点击空白处时,同样隐藏编辑框、隐藏保存按钮,但不存储编辑文本

如果你要需要实现这样的功能,就继续往下看吧~

1.控件

三个控件:QLineEdit编辑框、QPushButton按钮、QLabel纯文本展示。

默认QLabel控件是隐藏状态,只有点击保存按钮以及失去焦点后才会展示。

2.响应消息

此时需要响应两个消息。

消息1:点击保存按钮

connect(ui.btnSave, &QPushButton::clicked, this, &QMyWidget::OnBnClickedSave);

消息2:QLineEdit控件失去焦点后操作

对于控件来说,失去焦点的一般是focusOut消息,在QLineEdit这个类中,该消息是受保护的,那么如果要获取控件是如何失去焦点的,只能继承QLineEdit类,将失去焦点的消息,发送给调用者。

.h声明

class CustomLineEdit : public QLineEdit
{
	Q_OBJECT

public:
	CustomLineEdit(QWidget *parent);
	~CustomLineEdit();
signals:
	void Msg_SendCustomLineEditFocusOut(); //失去焦点消息
protected:
	void focusOutEvent(QFocusEvent *event) override;
};

.cpp实现

CustomLineEdit::CustomLineEdit(QWidget *parent)
	: QLineEdit(parent)
{
}

CustomLineEdit::~CustomLineEdit()
{
}

void CustomLineEdit::focusOutEvent(QFocusEvent *event)
{
	emit Msg_SendCustomLineEditFocusOut();
	QLineEdit::focusOutEvent(event);
}

3.窗口功能实现

3.1双击响应QLabel控件

在Qt控件中,QLabel是不会响应鼠标按下消息,之前文章中就有提到,如何让QLabel控件响应消息 Qt|控件点击消息获取方法,这篇文章中详细讲述了如何让QLabel控件响应鼠标按下消息。

鼠标双击QLabel控件功能:双击后隐藏QLabel控件,并将QLineEdit编辑框控件、QPushButton保存控件展示出来。

//双击标题事件

if (event->type() == QEvent::MouseButtonDblClick)
{
    //此刻,响应双击消息后,隐藏该控件,显示编辑框、和保存按钮
    m_labTitle->hide();
    m_editTitle->show();
    m_editTitle->clear();
    m_btnSave->show();
}

3.2QLineEdit失去焦点

编辑框失去焦点后功能:显示QLabel控件,隐藏QLineEdit控件并且不记录编辑的内容,并隐藏保存按钮。

m_labTitle->show();
m_editTitle->hide();
m_btnSave->hide();

3.3QPushButton保存按钮

点击保存按钮后功能:获取QLineEdit编辑框内的文本并隐藏、隐藏保存按钮,显示QLbable控件,静态文本展示。

QString qTitle = m_editTitle->text();
m_labTitle->setText(qTitle); //标题文本设置
m_labTitle->show();

m_editTitle->hide();
m_btnSave->hide();

实现了QLineEdit编辑框的失去焦点消息,那么该消息是什么时候触发呢?

例如,点击保存按钮时,先响应保存按钮,后响应鼠标失去焦点消息。

到此这篇关于Qt实现编辑框失去焦点隐藏功能的文章就介绍到这了,更多相关Qt编辑框失去焦点隐藏内容请搜索码农之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持码农之家!


参考资料

相关文章

  • Python+OpenCV+pyQt5录制双目摄像头视频的实例

    Python+OpenCV+pyQt5录制双目摄像头视频的实例

    发布:2022-09-07

    为网友们分享了关于Python OpenCV的教程,今天小编就为大家分享一篇Python+OpenCV+pyQt5录制双目摄像头视频的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧


  • PyQt5的安装配置过程,将ui文件转为py文件后显示窗口的实例

    发布:2022-06-28

    为网友们分享了关于PyQt的教程,今天小编就为大家分享一篇PyQt5的安装配置过程,将ui文件转为py文件后显示窗口的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧


  • PyQt通过动画实现平滑滚动的QScrollArea

    发布:2023-03-12

    这篇文章主要为大家详细介绍了PyQt如何使用Qt的动画框架 QPropertyAnimation来实现平滑滚动的QScrollArea,文中的示例代码讲解详细,具有一定的借鉴价值,感兴趣的可以学习一下


  • 实例分享pyqt多窗口之间的相互调用方法

    发布:2020-03-01

    今天小编就为大家分享一篇pyqt 多窗口之间的相互调用方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧


  • Python PyQt4实现QQ抽屉效果的实例代码

    发布:2019-11-12

    这篇文章主要为大家详细介绍了Python PyQt4实现QQ抽屉效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下


  • PyQt5实现进度条与定时器及子线程同步关联

    发布:2023-03-05

    这篇文章主要为大家详细介绍了PyQt5如何实现进度条与定时器及子线程的同步关联,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下


  • Qt读写XML文件的方法详解(含源码+注释)

    发布:2023-03-06

    XML文件可以用来存储项目中的数据,它相当于一个简单的数据库,下面这篇文章主要给大家介绍了关于Qt读写XML文件(含源码+注释)的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下


  • PyQt5结合matplotlib绘图的实现方法

    发布:2021-05-06

    这篇文章主要介绍了PyQt5结合matplotlib绘图的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧


网友讨论