QLineEdit的美化(支持内置按钮 自定义图标)

这篇具有很好参考价值的文章主要介绍了QLineEdit的美化(支持内置按钮 自定义图标)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

QLineEdit其实是支持动态显示删除按钮的,现代UI也都是采用这种方式的。

QLineEdit的美化(支持内置按钮 自定义图标)

通过函数

filterLineEdit->setClearButtonEnabled(true);

但是这个自带的按钮是黑白的,我们想改掉它的icon图片,那么就需要得到这个内置的删除按钮,而这个删除按钮不对外开放,我们需要通过 

findChild 函数把这个控件找出来,对它进行setIcon操作,就可以了。

此外,还可以给QLineEdit在前后增加action,用addAction函数就可以。

示例代码如下:文章来源地址https://www.toymoban.com/news/detail-515132.html

        {   //添加过滤器编辑器框,这里实现了漂亮的控件了
            QLineEdit* filterLineEdit = new QLineEdit;
            filterLineEdit->setPlaceholderText("文件名过滤器");
            //        filterLineEdit->setToolTip("");
            filterLineEdit->setClearButtonEnabled(true);
            //        filterLineEdit->addAction(ui->actionOpen_Folder, QLineEdit::LeadingPosition);
            
            //哈哈,我这样写太牛逼了,直接把内置的action给拿出来了
            QAction* actionClear =  (filterLineEdit->findChild<QAction*>("_q_qlineeditclearaction"));
            if(actionClear)
                actionClear->setIcon(QIcon(":/icons/images_pro/delet.svg"));
            
//            qDebug()<<"filterLineEdit->actions().size(): "<<filterLineEdit->actions().size();
//            qDebug()<<"filterLineEdit->children(): "<<filterLineEdit->children();
            hlayout->addWidget(filterLineEdit);
        }

到了这里,关于QLineEdit的美化(支持内置按钮 自定义图标)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包赞助服务器费用

相关文章

  • 前端uni-app自定义精美全端复制文本插件,支持全端文本复制插件 可设置复制按钮颜色

    前端uni-app自定义精美全端复制文本插件,支持全端文本复制插件 可设置复制按钮颜色

    随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。 通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随

    2024年02月16日
    浏览(14)
  • TranslucentTB状态栏图标隐藏及恢复,windows状态栏透明美化

    TranslucentTB状态栏图标隐藏及恢复,windows状态栏透明美化

    在TranslucentTB的高级设置中,可以设置隐藏图标,这样配合开机自启动之后就可以自动打开状态栏透明,整个过程基本无感。 点击编辑设置后,会使用默认编辑器打开高级设置的settings.json文件,在这个文件中可以对TranslucentTB做一些高级配置,在文件的倒数第三行, 这个修改是

    2024年02月11日
    浏览(617)
  • vue项目百度ueditor编辑器集成135和秀米,主题图标美化

    vue项目百度ueditor编辑器集成135和秀米,主题图标美化

    本文介绍vue项目里引入百度Ueditor富文本编辑器,集成135编辑器和秀米编辑器,使内容编辑更加丰富,跳转体验更加丝滑。再封装成组件,使用更加快捷。 编辑器主界面 弹框打开135编辑器 弹框打开秀米编辑器 操作说明:ueditor编辑器菜单栏集成135和秀米图标,点击分别弹框打

    2024年02月05日
    浏览(12)
  • 对Element UI 2.15版本的树形组件进行美化,如增加竖线、横线、图标等

    对Element UI 2.15版本的树形组件进行美化,如增加竖线、横线、图标等

    ElementUI、ElementPlus树组件功能很不错,但是官方的树形组件没有显示线条,感觉稍微不够大气。于是网上查了一些资料,找了很多也感觉也不够完美,最后找到一个还不错的实现方案,并且再美化改进一下,分享给大家。 (1)示例代码 (2)效果如下~ (1)示例代码 (2)效

    2024年02月13日
    浏览(73)
  • Mac和Linux的Terminal终端美化,命令高亮、自动补全、超多内置插件等着你来探索

    Mac和Linux的Terminal终端美化,命令高亮、自动补全、超多内置插件等着你来探索

    如果你经常和Terminal打交道,那么这个开源的项目一定很适合你 官网地址:https://ohmyz.sh/ 安装 Oh My Zsh是Zsh的框架,所以看下是否安装了zsh。 如果没有安装zsh,需要根据对应系统根据命令安装配置 官网安装参考地址: https://github.com/ohmyzsh/ohmyzsh/wiki/Installing-ZSH 安装完zsh后就可

    2024年02月07日
    浏览(31)
  • Flutter Icons内置图标库MaterialIcons大全

    Flutter Icons内置图标库MaterialIcons大全

     Flutter 中的图标组件 Icon , 专门用于显示图标 ,如:  

    2024年02月11日
    浏览(10)
  • wpf 按钮添加图标

    wpf 按钮添加图标

    或者App.xaml不修改,直接写成下面那种

    2024年02月12日
    浏览(13)
  • TDesign在按钮上加入图标组件

    TDesign在按钮上加入图标组件

    在实际开发中 我们经常会遇到例如 添加或者查询 我们需要在按钮上加入图标的操作 TDesign自然也有预备这样的操作 首先我们打开文档看到图标 例如 我们先用某些图标 就可以点开下面的代码 可以看到 我们的图标大部分都是直接用tdesign-icons-vue 导入他的组件就可以了 而我们

    2024年02月10日
    浏览(11)
  • VsCode美化 - VsCode自定义 - VsCode自定义背景图

    VsCode美化 - VsCode自定义 - VsCode自定义背景图

    作为一个二刺螈,VsCode用久了,总觉得少了些什么。是啊,高效的代码生产工具中怎么能没有老婆呢? 那就安装一个VsCode插件把老婆添加到VsCode中吧! 安装 方法一 直接在VsCode的插件中搜索 background (或者 Ctrl + P - ext install background - Enter ),点击第一个安装即可。 方法二

    2024年02月13日
    浏览(13)
  • 微信小程序的按钮怎么添加图标icon?

    在微信小程序中,可以使用icon组件来添加图标。要添加一个带图标的按钮,可以按照以下步骤进行操作: 1. 在你需要添加按钮的页面的json文件中,引入icon组件的自定义组件库。可以在`\\\"usingComponents\\\"`字段中添加以下代码: ```json \\\"usingComponents\\\": {   \\\"icon\\\": \\\"/path/to/icon/icon\\\" } ```

    2024年02月12日
    浏览(49)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包