QT 点击按钮改变输入框中文字显示（明文或密文）

已于 2022-05-07 14:37:35 修改
阅读量5.8k 收藏 12
点赞数 1
分类专栏： QT 文章标签： qt 开发语言
于 2022-05-06 17:57:15 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44421186/article/details/124615397
版权
本文介绍了如何在QT中实现点击按钮动态切换QLineEdit的文字显示状态，从明文到密文，反之亦然。通过设置QLineEdit的EchoMode属性，并结合按钮的图像变化，实现了一个简单的安全输入功能。文章提供了简化后的信号槽实现方法。
摘要由CSDN通过智能技术生成

今天刚好要做这个功能，但是发现网上的参考资料有点少。所以就写了这篇。

效果图如下：

 

在这之前先讲以下QLineEdit明文和密文的写法。

代码如下

      关于setEchoMode的几种用法
      //默认，输入什么即显示什么
      echoLineEdit->setEchoMode(QLineEdit::Normal);
      //密码，一般是用小黑点覆盖你所输入的字符
      echoLineEdit->setEchoMode(QLineEdit::Password);
      //编辑时输入字符显示输入内容，否则用小黑点代替
      echoLineEdit->setEchoMode(QLineEdit::PasswordEchoOnEdit);
      //任何输入都看不见（只是看不见，不是不能输入）
      echoLineEdit->setEchoMode(QLineEdit::NoEcho);

了解了QLineEdit的显示方式，在了解如何给按钮添加图片。

我之前写的会比较复杂

    searchBtn = new QPushButton();
    searchBtn-&
最低0.47元/天 解锁文章
weixin_44421186
关注
  • 1
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
QT 点击按钮改变输入框中文字显示 加强版
weixin_44421186的博客
05-07 1606
今天原本感觉前面一版还可以，然后老师就说还可以在改进下。后面也觉得还能在修改一下就写了这篇。 最开始的版本： QT 点击按钮改变输入框中文字显示（明文或密文）_weixin_44421186的博客-CSDN博客 先上成品。 修改后的会更加符合我们所见到的登录界面。 其实说简单一点就是将按钮移动到输入框上，同时设置按钮背景透明以及样式颜色为0. 代码如下： loginPwdButton->setToolTip(QStringLiteral("显示密码"));//鼠标停留在按...
QT练习samp2_2_test——用按钮编辑文本框特性
仲羊的博客
02-15 244
一 要求 1.按钮可以实现对文本框的控制 2.单击下面“确定”“取消”“退出”时候，关闭窗口，退出程序 二 完成过程 1.对按键的了解，主要是单选常用click（）；复选 常用click（bool） 链接https://blog.csdn.net/qq_41453285/article/details/90116474 2.对于check Box文本框下划线槽函数语句,(3个槽函...
如何在Qt中添加文本
最新发布
xie__jin__cheng的博客
07-13 471
如何在Qt中添加文本
Qt快速入门：点击按钮改变按钮文本（QPushButton）
热门推荐
qq_32162235的博客
06-20 1万+
widget.h #ifndef WIDGET_H #define WIDGET_H #include <QWidget> #include<QPushButton> class Widget : public QWidget { Q_OBJECT public: Widget(QWidget *parent = 0); ~Widget(); private: QPushButton b2; public: void change_
QT设计点击一个按钮 按钮文字变化。
zhuiyunzhugang的博客
01-16 7947
代码如下： void MainWindow::on_countBtn_clicked() {     bool ok;     QString tempStr;     QString valueStr=ui-&gt;radiusLineEdit-&gt;text();     int valueInt=valueStr.toInt(&amp;ok);     double area=value...
android 实现点击edittext的“小眼睛”切换明密文
diaobo9395的博客
04-04 380
android 实现点击edittext的“小眼睛”切换明密文 版权声明：本文为博主原创文章，未经博主允许不得转载。 很多时候，我们为了用户的隐私安全，需要在密码输入的时候，显示密文。为了更好的用户体验，我们给用户提供了可以切换明密文的小图标(小眼睛) 先来看一下效果图： 这里我们可以有两种实现方式：一、 布局文件： ...
QT-自定义控件（按键、标签、编辑框）
u013083044的博客
01-06 2997
使用自定义控件，我们可以从外部资源直接加载UI，不用每次修改UI完之后要去编译软件。
Qt之QLineEdit实现密码定时密文显示
To Be Continue
08-04 1777
QLineEdit密码定时密文显示 文章目录QLineEdit密码定时密文显示1、前言2、实现效果如下3、思路4、代码干货 1、前言 之前在项目中遇到密码输入框的需求。具体需求是在用户输入的时候，输入一个字符时明文显示，过两秒该字符密文显示。如果持续输入，所有字符，出最后一位之外全部密文显示，最后一位两秒之后，再密文显示。 2、实现效果如下 过两秒之后 3、思路 看到这个需求，明显和现在网页上或手机APP上显示的需求很类似。 但是QLineEidt本身具有4种内容显示方式。 enum EchoMo
qt文本输入框提示信息
08-25
- *2* [QT 点击按钮改变输入框中文字显示（明文或密文）](https://blog.csdn.net/weixin_44421186/article/details/124615397)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_...
rsa.zip_QT RSA加密算法_Qt rsa加密_qt rsa加密步骤_rsa_rsa算法 qt
07-15
在`mainwindow.ui`文件中，可以找到界面的设计布局，比如输入框、按钮等，用于输入明文、展示密文以及控制加密和解密的操作。 5. `main.cpp`是项目的主入口点，它初始化Qt应用并处理事件循环。`RSA.pro`和`RSA.pro....
Qt之标签和单行文本编辑框(QLabel、QLineEdit)
m0_62599305的博客
01-08 1758
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档。
QT学习（2）—使用ui设计中按钮完成对文本框的修改
m0_51140304的博客
07-17 496
使用ui生成的功能，它依然有实际的代码，如果想要查看，可以在dialog的构造函数中找到setupUi,点进去可以查看。右击按钮，使用转到槽中的clicked(),这样qt creater就会帮你生成好，只需要在函数中完成功能就行。只需要通过系统自带的信号和槽函数就可以实现。然后其余的就需要自己实现了。只需要一句就可以实现功能。最后可以给窗口加一个图标（很简单）。这样所有的按钮功能都进行了实现。ok,接下来就来实现一下。
QT点击按钮实现按钮名的改变
xiaoxiaozhu5的专栏
03-16 5500
利用QT的信号和槽机制实现按钮文字的改变，选择按钮的clicked()信号，将它和新建的槽isClicked()连接。以下是具体的实现： dialog.h #ifndef DIALOG_H #define DIALOG_H #include namespace Ui { class Dialog; } class Dialog : public QDialog {
Qt---实现在QLineEdit中输入密码时先显示明文，然后显示*号
Allen Roson
11-20 6391
//==>QPasswordLineEdit.h #ifndef QPASSWORDLINEEDIT_H #define QPASSWORDLINEEDIT_H #include class QPasswordLineEdit : public QLineEdit { Q_OBJECT public: QPasswordLineEdit(QWi
【QT】第一个QT程序（点击按钮，显示特定文本）
weixin_30670965的博客
04-22 1030
1、基类选 QWidget 2、添加UI Btnshowhello 按钮 labelhello 文本标签 要注意：文本字样和对象名的区别！ 对象名和UI部件是一一对应的关系。 修改对象名和修改文本字样不一样。 3、槽函数实现 .h文件中加上。 public slots: void BtnshowhelloSlot(void); ...
PyQt5 QLineEdit操作
BAIFOL的博客
12-15 326
from PyQt5.Qt import * import sys import math app=QApplication(sys.argv) win=QWidget() win.setWindowTitle("QLineEdit-文本输出模式-API") win.setWindowIcon(QIcon("D:\ICO\ooopic_1543493498.ico")) win.resize(500,500) le1=QLineEdit(win) le1.move(100,100) #le1.se.
Qt中编辑框的使用总结
糯诺诺米团
10-18 2616
到这里，QT中用于编辑文本的控件介绍就已经结束了，如果还需要其它的功能，我会继续跟进哟~我是糯诺诺米团，一名C++开发程序媛~
Qt如何实现密码显示按钮
m0_73443478的博客
04-18 351
Qt如何实现密码显示按钮
页面密码输入框添加显示明文眼睛，鼠标左键点击眼睛密码显示明文，松开鼠标显示密文
06-09
这个问题涉及到前端开发，可以使用HTML、CSS和JavaScript实现。以下是一种实现方式： 首先，在HTML中添加一个密码输入框和一个眼睛图标： ```html <input type="password" id="password-input"> <i class="fa fa-eye" id="password-toggle"></i> ``` 其中，`id="password-input"`是密码输入框的ID，`id="password-toggle"`是眼睛图标的ID。眼睛图标使用了Font Awesome图标库中的图标。 然后，在CSS中添加样式： ```css #password-toggle { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); cursor: pointer; } #password-toggle:hover { opacity: 0.7; } ``` 这段CSS将眼睛图标定位到密码输入框的右侧，并且设置了鼠标悬停时的透明度。 最后，在JavaScript中添加事件处理程序： ```javascript const passwordInput = document.getElementById("password-input"); const passwordToggle = document.getElementById("password-toggle"); passwordToggle.addEventListener("mousedown", function() { passwordInput.type = "text"; }); passwordToggle.addEventListener("mouseup", function() { passwordInput.type = "password"; }); ``` 这段JavaScript将获取密码输入框和眼睛图标的元素，并且为眼睛图标添加了`mousedown`和`mouseup`事件处理程序。当鼠标左键按下时，将密码输入框的`type`属性设置为`text`，从而将密码显示为明文；当鼠标松开时，将密码输入框的`type`属性设置为`password`，从而将密码显示为密文。 这样，就可以在密码输入框中添加显示明文眼睛，并且实现鼠标左键点击眼睛密码显示明文，松开鼠标显示密文的功能了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值