一.效果

要实现类似QQ登录界面的账号和密码输入框大概有三种方法
1.使用QLineEdit的addAction方法

QAction *passwordAction = new QAction(this);
passwordAction ->setIcon(QIcon(":/icons/Password.png"));
m_passwordLineEdit->addAction(passwordAction, QLineEdit::LeadingPosition);QAction *keyboardAction = m_passwordLineEdit->addAction(QIcon(":/icons/KeyBoard.png"), QLineEdit::TrailingPosition);connect(keyboardAction, &QAction::triggered, this, [=]{
     qDebug()<<"clicked the keyboard";
});

但是这种方法无法完全实现QQ的效果，一是因为icon无法紧贴QLineEdit的左右两边，二是因为QLineEdit设置占位字符，当鼠标点击QLineEdit获取焦点时，占位符还是显示的，而QQ登录窗口中LineEdit有焦点时，占位字符是不显示。使用这种方法，并用stylesheet去掉编辑框的左上右边框，效果如下图所示：

Qt之自定义QLineEdit相关推荐

QT:QSS自定义QLineEdit实例
QT:QSS自定义QLineEdit实例 QLineEdit 的框架是使用Box Model.设计的. 要创建带圆角的线编辑,我们可以设置: QLineEdit {border: 2px solid ...
Qt 之自定义搜索框QLineEdit
Qt 之自定义搜索框 2015年12月19日 10:44:14 一去丶二三里阅读数 15126更多分类专栏: Qt <Qt 实战一二三> 版权声明:本文为博主原创文章,遵循 CC 4. ...
QT 使用自定义输入法
目录 QT 使用自定义输入法 1 使用插件 1)编译googlepinyin静态库 2)编译plugin 3)加载插件 4)连接相应的信号与槽 5)修改插件 2 输入法插件 QT 使用自定义输入法因 ...
Qt 之自定义提示信息框—迅雷风格
一.简述最近一直在研究迅雷9的界面,花了点时间做了几个通用的提示信息框,整体风格与迅雷9界面相同.支持模态和非模态两种模式窗口.提示框效果见下图. 我们可以根据设置不同的参数来设置提示框标题.显示内 ...
【QT】自定义事件 QCustomEvent
[QT]自定义事件一.自定义事件的优势尽管 Qt 已经提供了很多事件,但对于更加千变万化的需求来说,有限的事件都是不够的.例如,我要支持一种新的设备,这个设备提供一种崭新的交互方式,那么,这种事件 ...
Qt Creator自定义构建过程
Qt Creator自定义构建过程自定义构建过程自定义构建过程要配置项目的构建,部署和运行方式,请选择"工具" >"选项" >"构建 ...
QT实现自定义3D材质
QT实现自定义3D材质项目简介项目技术项目展示主要源码片段解析获取完整项目源码传送门项目简介 Qt 3D:高级自定义材质演示在Qt3D中创建高级材料. 此示例演示如何创建高级定制材料. ...
(四)Qt实现自定义模型基于QAbstractTableModel （一般）
Qt实现自定义模型基于QAbstractTableModel 两个例子例子1代码 Main.cpp #include <QtGui>#include "currencymode ...
(五)Qt实现自定义模型基于QAbstractItemModel
目录: (一) Qt Model/View 的简单说明 .预定义模型 (二)使用预定义模型 QstringListModel例子 (三)使用预定义模型QDirModel的例子 (四)Qt实现自定义模型 ...

Qt之自定义QLineEdit

一.效果

Qt之自定义QLineEdit相关推荐

最新文章

热门文章