如何在QLineEdit上添加删除按钮?

      为什么要加个按钮?

      有时候在使用输入框时需要将当前的内容先清空然后重新输入,这时候我们只能不断的按下退格键来达到目的。如果输入框中的内容很长的话就会觉得很烦。如果老天能给我一个按钮,轻轻点一下就能删掉所有旧的内容那该有多好啊?

      

      怎么加按钮? 

     在以前我的做法通常是创建一个QPushButton,然后通过布局将按钮添加到QLineEdit上,然后连接按钮按下的信号,在对应的槽函数中实现QLineEdit的清空操作。这种方法很灵活,不仅可以用于QLineEdit,只要是QWidget的子类都可以通过这种方式添加按钮或其他部件。但是操作相对麻烦一些,从Qt5.2开始我们就有了更简便的方法了。

    

    方法1.调用QLineEdit的setClearButtonEnabled();   

    

image.png

    只要一行代码就搞定了很是清爽。

    

    方法2.通过添加Action的方式。

    image.png

    从Qt5.2开始QLineEdit提供了addAction函数,方便我们在QLineEdit上添加一些操作。我们需要给addAction函数提供一个action和位置。

如上图中前两行代码就是创建一个QAction对象。为了偷懒这里使用了标准的图标(解释:standardIcon是QStyle的函数,QStyle::SP_TrashIcon是QStyle类标准图片的一个枚举, qApp是一个全局的QApplication对象,代表整个应用程序)。 QLineEdit::TrailingPosition就是action要放置的位置,表示放在尾部,那么另外一个位置自然就是头部了QLineEdit::LeadingPosition。至于哪边是头哪边是为就要看布局的方向了,默认情况是从左到右的布局,那么左边就是头右边就是尾。可以通过调用setLayoutDirection函数来改变布局方向,不过经过测试设置为从右到左的方向时,action的位置会有问题。

    特别说明:QLineEdit添加的action只能显示图标不能显示文字。


       比较两种方法? 

      就删除功能而言,setClearButtonEnabled方法更好,因为它只有当QLineEdit中有内容时才会出现按钮。硬伤是图标是系统提供的不能修改。addAction的方法相对而言就灵活多了,可以选择自己喜欢的图标。还可以用于其他功能,比如说刷新、重置等,就看你槽函数怎么写了。还有很重要的一点就是addAction支持添加多个,这一点是setClearButtonEnabled不能比的。


    

测试环境:Qt5.9.6

        


演示站
上一篇:Qt为输入框提供提示信息
下一篇:如何计算一点绕另一点旋转n度后的坐标?

发表评论