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

效果图如下：

 

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

代码如下

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

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

我之前写的会比较复杂

    searchBtn = new QPushButton();searchBtn->setFixedSize(QSize(40,40));//设置大小QIcon searchButton(":/image/searchLogo.jpg");//按钮设置图片searchBtn->setIcon(searchButton);searchBtn->setIconSize(QSize(35,35));//图片大小设置

后面发现更简单的方法

    loginPwdButton = new QPushButton(this);loginPwdButton -> setGeometry(355,60,40,40);//设置控件位置以及大小loginPwdButton->setIcon(QIcon(":/image/CloseeyeLogo.png"));//按钮设置图片loginPwdButton->setIconSize(QSize(35,35));//图片大小设置connect(loginPwdButton,SIGNAL(clicked(bool)),this,SLOT(on_pushButton_eyeSlot()));//点击登录时

然后定义信号槽

connect(loginPwdButton,SIGNAL(clicked(bool)),this,SLOT(on_pushButton_eyeSlot()));

写槽函数

/*****************************************************************
* 函数名称： editComplete()
* 功能描述： 按钮变换图片
* 参数说明： 无
* 返回值：   无
* 修改记录：
******************************************************************/
void Widget::on_pushButton_eyeSlot()
{//一开始Widget::numButton=0if(Widget::numButton %2 == 1)//如果按下按键的次数的余数为1 则闭上眼睛{loginPwdButton->setIcon(QIcon(":/image/CloseeyeLogo.png"));pwdEdit -> setEchoMode(QLineEdit::Password);//将其用密文显示++Widget::numButton;}else if(Widget::numButton %2 == 0)//如果按下按键的次数的余数为0 则睁开眼睛{loginPwdButton->setIcon(QIcon(":/image/openEyeLogo.png"));pwdEdit -> setEchoMode(QLineEdit::Normal);//将其用明文显示++Widget::numButton;}}

以上就完成了。