Qt之自定义QLineEdit

草上爬

已于 2023-02-23 13:29:38 修改

阅读量3.2k

点赞数 4

CC 4.0 BY-SA版权

分类专栏： Qt工作笔记文章标签： QLineEdit 自定义 Qt

于 2018-01-13 10:05:45 首次发布

本文链接：https://blog.youkuaiyun.com/caoshangpa/article/details/79049678

Qt工作笔记专栏收录该内容

193 篇文章 ¥29.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了如何在Qt中自定义QLineEdit以实现类似QQ登录界面的效果，包括焦点变化时占位符的处理、左侧图标和右侧按钮的添加，以及不同状态下的视觉效果。通过子类化QLineEdit，创建QHLineEdit组件，使得在UI设计时更加灵活。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一.效果

要实现类似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有焦点时，占位字符是不显示。使用这种方法，并用styl