QLineEdit设置icon的2种方式

最新推荐文章于 2024-03-09 13:58:27 发布

王摆摆摆

最新推荐文章于 2024-03-09 13:58:27 发布

阅读量4.2k

点赞数 2

分类专栏： Qss

本文链接：https://blog.csdn.net/wangbaba_1/article/details/117555210

版权

Qss 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

本文介绍了两种在QLineEdit中添加背景图片和左侧图标的实现方法：一是通过QSS样式表，设置背景颜色、图片、位置和内边距等属性；二是通过代码动态添加QAction，设置图标并定位到输入框的领先位置。两种方法均能有效美化Qt界面，但注意QSS中需设置边框以避免图标闪烁问题。

摘要由CSDN通过智能技术生成

方式一 采用qss：

QLineEdit 
{
    background: #f3f3f3;
    background-image: url(:Images/search.svg); /* actual size, e.g. 16x16 */
    background-repeat: no-repeat;
    background-position: left;
    color: #252424;
    font-family: SegoeUI;
    font-size: 12px;
    padding: 2 2 2 20; /* left padding (last number) must be more than the icon's width */
    border: 1px solid #dddddd;
}
ps:注意要设置border: 1px solid #dddddd;不然会出现背景图标闪烁(应该是qt的bug,也许高版本已经修复)

方式二、 代码实现：

QAction * pActLeft = new QAction(this);
pActLeft->setIcon(QIcon(":/Images/123.png"));
QLineEdit edt(this);
edt.addAction(pActLeft,QLineEdit::LeadingPosition);